Skip to content

Commit

Permalink
fix(core/css): update theme file (#1699)
Browse files Browse the repository at this point in the history 
Co-authored-by: Lukas Maurer <lukas.maurer@siemens.com>
  • Loading branch information
@danielleroux @nuke-ellington
danielleroux and nuke-ellington authored Feb 18, 2025
1 parent 4685dc2 commit 093c783
Show file tree
Hide file tree
Showing 3 changed files with 79 additions and 70 deletions.
5 changes: 5 additions & 0 deletions .changeset/pink-needles-kick.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@siemens/ix': patch
---

Update classic theme colors to match latest figma specs
74 changes: 38 additions & 36 deletions packages/core/scss/theme/classic-dark/_color.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,12 +67,12 @@
--theme-color-7: #6b7c85;
--theme-color-8: #94a1a9;
--theme-color-std-bdr: #d3ecf88c;
--theme-color-soft-bdr: #d6f1ff66;
--theme-color-soft-bdr: #D3ECF866;
--theme-color-weak-bdr: #e0f5ff40;
--theme-color-x-weak-bdr: #8e9da533;
--theme-color-focus-bdr: #199fff;
--theme-color-contrast-bdr: #ffffff;
--theme-color-hard-bdr: #7b8c94;
--theme-color-hard-bdr: #6B7C85;
--theme-color-alarm: #ff2453;
--theme-color-alarm--hover: #ff577b;
--theme-color-alarm--active: #ff335f;
Expand All @@ -94,7 +94,7 @@
--theme-color-success--hover: #4eeb00;
--theme-color-success--active: #47d600;
--theme-color-success--contrast: #000000;
--theme-color-success-40: #48d70066;
--theme-color-success-40: #44cc0066;
--theme-color-info: #357fff;
--theme-color-info--hover: #4d8eff;
--theme-color-info--active: #3d84ff;
Expand All @@ -120,42 +120,44 @@
--theme-color-lightbox: #000000a6;
--theme-color-backdrop: #000000d9;
--theme-color-backdrop-3: #37464dd9;
--theme-color-gradient-effect-1: #1AECFF;
--theme-color-gradient-effect-2: #00BDE3;
--theme-color-logo: #ffffff;
--theme-color-logo-login: #ffffff;
--theme-chart-1: #00ebd5;
--theme-chart-1-40: #00ebd566;
--theme-chart-2: #009e78;
--theme-chart-2-40: #009e7866;
--theme-chart-3: #00d5e0;
--theme-chart-3-40: #00d5e066;
--theme-chart-4: #00c5f1;
--theme-chart-4-40: #00c5f166;
--theme-chart-5: #86adc0;
--theme-chart-5-40: #86adc066;
--theme-chart-6: #42aaff;
--theme-chart-6-40: #41b7e666;
--theme-chart-7: #2473ff;
--theme-chart-7-40: #2473ff66;
--theme-chart-8: #759eff;
--theme-chart-8-40: #759eff66;
--theme-chart-9: #7e84ff;
--theme-chart-9-40: #7e84ff66;
--theme-chart-10: #9362ff;
--theme-chart-10-40: #8c49ff66;
--theme-chart-11: #bd61ff;
--theme-chart-11-40: #bd61ff66;
--theme-chart-12: #e446ff;
--theme-chart-12-40: #e446ff66;
--theme-chart-13: #f38fc2;
--theme-chart-1: #00FFE7;
--theme-chart-1-40: #00FFE766;
--theme-chart-2: #94FFC9;
--theme-chart-2-40: #94FFC966;
--theme-chart-3: #00C2CC;
--theme-chart-3-40: #00C2CC66;
--theme-chart-4: #A3EEFF;
--theme-chart-4-40: #A3EEFF66;
--theme-chart-5: #90B4C5;
--theme-chart-5-40: #90B4C566;
--theme-chart-6: #42C6FF;
--theme-chart-6-40: #42C6FF66;
--theme-chart-7: #7AAAFF;
--theme-chart-7-40: #7AAAFF66;
--theme-chart-8: #9EBBFF;
--theme-chart-8-40: #9EBBFF66;
--theme-chart-9: #9EA3FF;
--theme-chart-9-40: #9EA3FF66;
--theme-chart-10: #B999FF;
--theme-chart-10-40: #B999FF66;
--theme-chart-11: #D08FFF;
--theme-chart-11-40: #D08FFF66;
--theme-chart-12: #ED85FF;
--theme-chart-12-40: #F38FC266;
--theme-chart-13: #F38FC2;
--theme-chart-13-40: #f38fc266;
--theme-chart-14: #ef9a9a;
--theme-chart-14-40: #ef9a9a66;
--theme-chart-15: #ffb180;
--theme-chart-15-40: #ffb18066;
--theme-chart-16: #baba9d;
--theme-chart-16-40: #baba9d66;
--theme-chart-17: #b5bd00;
--theme-chart-17-40: #b5bd0066;
--theme-chart-14: #EF9A9A;
--theme-chart-14-40: #EF9A9A66;
--theme-chart-15: #FFB180;
--theme-chart-15-40: #FFB18066;
--theme-chart-16: #CACAB4;
--theme-chart-16-40: #CACAB466;
--theme-chart-17: #B5BD00;
--theme-chart-17-40: #B5BD0066;
--theme-chart-axes: #ffffff4d;
--theme-chart-grid-lines: #ffffff1a;
--theme-chart-grid-fill: #23233c;
Expand Down
70 changes: 36 additions & 34 deletions packages/core/scss/theme/classic-light/_color.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -120,42 +120,44 @@
--theme-color-lightbox: #ffffffa6;
--theme-color-backdrop: #ffffffd9;
--theme-color-backdrop-3: #e3e5e8d9;
--theme-color-gradient-effect-1: #006E93;
--theme-color-gradient-effect-2: #16565C;
--theme-color-logo: #000000;
--theme-color-logo-login: #000000;
--theme-chart-1: #00b8a6;
--theme-chart-1-40: #00b8a666;
--theme-chart-2: #007362;
--theme-chart-2-40: #00736266;
--theme-chart-3: #00aab3;
--theme-chart-3-40: #00aab366;
--theme-chart-4: #00afd7;
--theme-chart-4-40: #00afd766;
--theme-chart-5: #61778c;
--theme-chart-5-40: #61778c66;
--theme-chart-6: #1d86dc;
--theme-chart-6-40: #1d86dc66;
--theme-chart-7: #2351a4;
--theme-chart-7-40: #2351a466;
--theme-chart-8: #5581e7;
--theme-chart-8-40: #5581e766;
--theme-chart-9: #666df4;
--theme-chart-9-40: #666df466;
--theme-chart-10: #7c40ff;
--theme-chart-10-40: #7c40ff66;
--theme-chart-11: #a12ef3;
--theme-chart-11-40: #a12ef366;
--theme-chart-12: #aa32be;
--theme-chart-12-40: #aa32be66;
--theme-chart-13: #ca5e77;
--theme-chart-13-40: #ca5e7766;
--theme-chart-14: #d1706f;
--theme-chart-14-40: #d1706f66;
--theme-chart-15: #dd886a;
--theme-chart-15-40: #dd886a66;
--theme-chart-16: #94947b;
--theme-chart-16-40: #94947b66;
--theme-chart-17: #909700;
--theme-chart-17-40: #90970066;
--theme-chart-1: #008A7C;
--theme-chart-1-40: #008A7C66;
--theme-chart-2: #00572B;
--theme-chart-2-40: #00572B66;
--theme-chart-3: #00838F;
--theme-chart-3-40: #00838F66;
--theme-chart-4: #003C61;
--theme-chart-4-40: #003C6166;
--theme-chart-5: #61778C;
--theme-chart-5-40: #61778C66;
--theme-chart-6: #0076A8;
--theme-chart-6-40: #0076A866;
--theme-chart-7: #182171;
--theme-chart-7-40: #18217166;
--theme-chart-8: #0041D6;
--theme-chart-8-40: #0041D666;
--theme-chart-9: #4A52F2;
--theme-chart-9-40: #4A52F266;
--theme-chart-10: #7C40FF;
--theme-chart-10-40: #7C40FF66;
--theme-chart-11: #900EEC;
--theme-chart-11-40: #900EEC66;
--theme-chart-12: #AA32BE;
--theme-chart-12-40: #AA32BE66;
--theme-chart-13: #6F2542;
--theme-chart-13-40: #6F254266;
--theme-chart-14: #9E5833;
--theme-chart-14-40: #9E583366;
--theme-chart-15: #B74E2A;
--theme-chart-15-40: #B74E2A66;
--theme-chart-16: #73735E;
--theme-chart-16-40: #73735E66;
--theme-chart-17: #7A8000;
--theme-chart-17-40: #7A800066;
--theme-chart-axes: #0000004d;
--theme-chart-grid-lines: #0000001a;
--theme-chart-grid-fill: #ffffff;
Expand Down

0 comments on commit 093c783

Please sign in to comment.