Skip to content

Commit b25aa8f

Browse files
authored
fix(schwarz-theme): use correct theme for dark mode (#2320)
closes #2288 The schwarz-dark theme currently showed the wrong colors (onyx dark mode) because we used `:where(.dark)` as selector instead of `.dark` which was a leftover from a previous change. I've run the Figma update variable workflow to update the theme correctly.
1 parent c0a1628 commit b25aa8f

16 files changed

+24
-16
lines changed

.changeset/smart-tips-yell.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
"sit-onyx": patch
3+
---
4+
5+
fix(schwarz-theme): use correct theme for dark mode
6+
7+
The `schwarz` theme in dark mode showed the default onyx colors instead of the ones from the schwarz theme.
8+
This is fixed now so it shows the correct `schwarz` theme colors in dark and light mode.

packages/sit-onyx/src/styles/variables/density-compact.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "compact" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:54:21 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:30:04 GMT
55
*/
66
:where(.onyx-density-compact) {
77
--onyx-density-2xl: var(--onyx-number-spacing-600);

packages/sit-onyx/src/styles/variables/density-cozy.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "cozy" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:54:21 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:30:04 GMT
55
*/
66
:where(.onyx-density-cozy) {
77
--onyx-density-2xl: var(--onyx-number-spacing-800);

packages/sit-onyx/src/styles/variables/density-default.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "default" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:54:14 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:55 GMT
55
*/
66
:where(:root),
77
:where(.onyx-density-default) {

packages/sit-onyx/src/styles/variables/spacing.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "spacing" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:54:07 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:49 GMT
55
*/
66
:where(:root) {
77
--onyx-spacing-2xl: var(--onyx-number-spacing-700);

packages/sit-onyx/src/styles/variables/themes/digits-dark.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "digits-dark" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:54:01 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:41 GMT
55
*/
66
.dark,
77
.onyx-theme-digits-dark {

packages/sit-onyx/src/styles/variables/themes/digits-light.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "digits-light" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:53:54 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:33 GMT
55
*/
66
:where(:root),
77
.onyx-theme-digits-light {

packages/sit-onyx/src/styles/variables/themes/kaufland-dark.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "kaufland-dark" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:54:01 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:41 GMT
55
*/
66
.dark,
77
.onyx-theme-kaufland-dark {

packages/sit-onyx/src/styles/variables/themes/kaufland-light.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "kaufland-light" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:53:54 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:33 GMT
55
*/
66
:where(:root),
77
.onyx-theme-kaufland-light {

packages/sit-onyx/src/styles/variables/themes/lidl-dark.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "lidl-dark" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:54:01 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:41 GMT
55
*/
66
.dark,
77
.onyx-theme-lidl-dark {

packages/sit-onyx/src/styles/variables/themes/lidl-light.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "lidl-light" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:53:54 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:33 GMT
55
*/
66
:where(:root),
77
.onyx-theme-lidl-light {

packages/sit-onyx/src/styles/variables/themes/onyx-dark.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "onyx-dark" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:53:46 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:26 GMT
55
*/
66
.dark,
77
.onyx-theme-default-dark {

packages/sit-onyx/src/styles/variables/themes/onyx-light.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "onyx-light" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:53:39 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:18 GMT
55
*/
66
:where(:root),
77
.onyx-theme-default {

packages/sit-onyx/src/styles/variables/themes/schwarz-dark.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "schwarz-dark" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:54:01 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:41 GMT
55
*/
6-
:where(.dark),
6+
.dark,
77
.onyx-theme-schwarz-dark {
88
--onyx-color-base-background-blank: var(--onyx-color-steel-1100);
99
--onyx-color-base-background-tinted: var(--onyx-color-steel-1200);

packages/sit-onyx/src/styles/variables/themes/schwarz-light.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "schwarz-light" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:53:54 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:33 GMT
55
*/
66
:where(:root),
77
.onyx-theme-schwarz-light {

packages/sit-onyx/src/styles/variables/themes/value.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/**
22
* Do not edit directly.
33
* This file contains the specific variables for the "value" theme.
4-
* Imported from Figma API on Wed, 04 Dec 2024 15:53:39 GMT
4+
* Imported from Figma API on Thu, 12 Dec 2024 10:29:18 GMT
55
*/
66
:where(:root),
77
.onyx-theme-default {

0 commit comments

Comments
 (0)