nobswebdev/nullcart
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

set explicit color-scheme on storefront theme roots

Browse Source 
Align native browser controls with the active light or dark theme instead of using light dark on html.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
nobswebdev
2026-09-06 00:42:10 +02:00
co-authored by Cursor
parent 500fe6cf94
commit c7ac66a5cd
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/src/modules/storefrontCore/public/css/storefront.css
+4 -4
View File
@@ -1,4 +1,5 @@
:root { :root {
color-scheme: light;
--sf-font-sans: --sf-font-sans:
'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
--sf-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; --sf-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
@@ -52,6 +53,7 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root:not([data-theme='light']) { :root:not([data-theme='light']) {
color-scheme: dark;
--sf-bg: #0a0a0a; --sf-bg: #0a0a0a;
--sf-surface: #141414; --sf-surface: #141414;
--sf-surface-muted: #262727; --sf-surface-muted: #262727;
@@ -85,6 +87,7 @@
} }
:root[data-theme='dark'] { :root[data-theme='dark'] {
color-scheme: dark;
--sf-bg: #0a0a0a; --sf-bg: #0a0a0a;
--sf-surface: #141414; --sf-surface: #141414;
--sf-surface-muted: #262727; --sf-surface-muted: #262727;
@@ -117,6 +120,7 @@
} }
:root[data-theme='light'] { :root[data-theme='light'] {
color-scheme: light;
--sf-bg: #ffffff; --sf-bg: #ffffff;
--sf-surface: #ffffff; --sf-surface: #ffffff;
--sf-surface-muted: #f5f7fa; --sf-surface-muted: #f5f7fa;
@@ -154,10 +158,6 @@
box-sizing: border-box; box-sizing: border-box;
} }
html {
color-scheme: light dark;
}
body.sf-body { body.sf-body {
margin: 0; margin: 0;
min-height: 100vh; min-height: 100vh;