From 010e75cc78922696109e694470a94be7783eee3e Mon Sep 17 00:00:00 2001 From: Segundo Fdez Date: Wed, 19 Jan 2022 19:26:10 +0100 Subject: [PATCH] u8pdate styles --- ...css_5ad6f408b0e3e473c748aac88af0ea18.content | 12 ++++++++---- src/themes/oscar/assets/css/main.css | 15 ++++++++++++--- src/themes/oscar/assets/css/variables.css | 17 +++++++++-------- 3 files changed, 29 insertions(+), 15 deletions(-) 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 781119a..14971d9 100644 --- a/src/resources/_gen/assets/css/css/main.css_5ad6f408b0e3e473c748aac88af0ea18.content +++ b/src/resources/_gen/assets/css/css/main.css_5ad6f408b0e3e473c748aac88af0ea18.content @@ -1,9 +1,9 @@ @charset "UTF-8"; /* Basic */ -@import https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap; -@import url(/src/themes/oscar/assets/css/normalize.css); -@import url(/src/themes/oscar/assets/css/variables.css); -@import url(/src/themes/oscar/assets/css/common.css); +/* @import 'https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap'; +@import 'normalize.css'; +@import 'variables.css'; +@import 'common.css'; */ /* Layout */ /* Components */ /* Modules */ @@ -16,5 +16,9 @@ - postcss-custom-media - postcss-nested (I think this is working by default, so probably we don´t need this plugin) */ +body { + background-color: var(--background-main); } + body a { + color: orange; } /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/themes/oscar/assets/css/main.css b/src/themes/oscar/assets/css/main.css index 88a9316..f361a9f 100644 --- a/src/themes/oscar/assets/css/main.css +++ b/src/themes/oscar/assets/css/main.css @@ -1,8 +1,8 @@ /* Basic */ -@import 'https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap'; +/* @import 'https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap'; @import 'normalize.css'; @import 'variables.css'; -@import 'common.css'; +@import 'common.css'; */ /* Layout */ @@ -21,4 +21,13 @@ - postcss-import - postcss-custom-media - postcss-nested (I think this is working by default, so probably we don´t need this plugin) - */ \ No newline at end of file + */ + + +body { + background-color: var(--background-main); + a { + color: orange; + } +} + diff --git a/src/themes/oscar/assets/css/variables.css b/src/themes/oscar/assets/css/variables.css index 420589b..423820e 100644 --- a/src/themes/oscar/assets/css/variables.css +++ b/src/themes/oscar/assets/css/variables.css @@ -15,7 +15,15 @@ /* Brand ========================================================================== */ - --background-main: #292929; + --background-main: #F0F0F0; + + +/* Dark theme */ +@media (prefers-color-scheme: dark) { + :root { + --background-main: #000000; + } +} /* ========================================================================== @@ -33,13 +41,6 @@ --font-caption: var(--font-size-1) / 1.37 var(--font-brand); } -/* Dark theme */ -@media (prefers-color-scheme: dark) { - :root { - --background-main: #f0f0f0; - } -} - /* ========================================================================== Breakpoints