Skip to content
Draft
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Fix system theme detection with additional class selectors
Co-authored-by: george.marshall <[email protected]>
  • Loading branch information
cursoragent and georgewrmarshall committed Aug 21, 2025
commit 1775c68ffa9e5053bbcd68826d8f5b973fac43c0
2 changes: 1 addition & 1 deletion packages/design-tokens/src/css/dark-theme-colors.css
Original file line number Diff line number Diff line change
Expand Up @@ -161,7 +161,7 @@

/* Dark theme based on system preference */
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
:root:not([data-theme]):not(.dark):not(.light) {
/* For default neutral surface (#121314) */
--color-background-default: var(--brand-colors-grey-grey900);
/* For sunken neutral surface below background/default (#000000) */
Expand Down
4 changes: 2 additions & 2 deletions packages/design-tokens/src/css/light-theme-colors.css
Original file line number Diff line number Diff line change
Expand Up @@ -163,7 +163,7 @@

/* Light theme based on system preference */
@media (prefers-color-scheme: light) {
:root:not([data-theme]) {
:root:not([data-theme]):not(.dark):not(.light) {
/* For default neutral surface (#ffffff) */
--color-background-default: var(--brand-colors-grey-grey000);
/* For sunken neutral surface below background/default (#f3f5f9) */
Expand Down Expand Up @@ -323,7 +323,7 @@

/* Fallback light theme when no system preference is available */
@media (prefers-color-scheme: no-preference) {
:root:not([data-theme]) {
:root:not([data-theme]):not(.dark):not(.light) {
/* For default neutral surface (#ffffff) */
--color-background-default: var(--brand-colors-grey-grey000);
/* For sunken neutral surface below background/default (#f3f5f9) */
Expand Down
Loading