diff --git a/src/resources/_gen/assets/css/css/main.css_5ad6f408b0e3e473c748aac88af0ea18.content b/src/resources/_gen/assets/css/css/main.css_5ad6f408b0e3e473c748aac88af0ea18.content index 14971d9..dfe3f5a 100644 --- a/src/resources/_gen/assets/css/css/main.css_5ad6f408b0e3e473c748aac88af0ea18.content +++ b/src/resources/_gen/assets/css/css/main.css_5ad6f408b0e3e473c748aac88af0ea18.content @@ -16,6 +16,8 @@ - postcss-custom-media - postcss-nested (I think this is working by default, so probably we don´t need this plugin) */ +/* TODO: + move this to common. */ body { background-color: var(--background-main); } body a { diff --git a/src/themes/oscar/assets/css/main.css b/src/themes/oscar/assets/css/main.css index f361a9f..80eaee1 100644 --- a/src/themes/oscar/assets/css/main.css +++ b/src/themes/oscar/assets/css/main.css @@ -23,7 +23,8 @@ - postcss-nested (I think this is working by default, so probably we don´t need this plugin) */ - +/* TODO: + move this to common. */ body { background-color: var(--background-main); a { diff --git a/src/themes/oscar/assets/css/variables.css b/src/themes/oscar/assets/css/variables.css index 423820e..7a12cfe 100644 --- a/src/themes/oscar/assets/css/variables.css +++ b/src/themes/oscar/assets/css/variables.css @@ -18,14 +18,6 @@ --background-main: #F0F0F0; -/* Dark theme */ -@media (prefers-color-scheme: dark) { - :root { - --background-main: #000000; - } -} - - /* ========================================================================== Font sizes ========================================================================== */ @@ -42,6 +34,14 @@ } + +/* Dark theme */ +@media (prefers-color-scheme: dark) { + :root { + --background-main: #000000; + } +} + /* ========================================================================== Breakpoints ========================================================================== */