From 3c1f92d1e97de7d0cd05db7e83653059e1b1bb0b Mon Sep 17 00:00:00 2001 From: Segundo Fdez Date: Wed, 19 Jan 2022 12:11:14 +0100 Subject: [PATCH] added test for darkmode --- .../css/main.css_5ad6f408b0e3e473c748aac88af0ea18.content | 8 ++++---- src/themes/oscar/assets/css/main.css | 4 ++-- src/themes/oscar/assets/css/variables.css | 8 +++++++- 3 files changed, 13 insertions(+), 7 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 2ca26b2..781119a 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 'normalize.css'; -@import 'variables.css'; -@import 'common.css'; */ +@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); /* Layout */ /* Components */ /* Modules */ diff --git a/src/themes/oscar/assets/css/main.css b/src/themes/oscar/assets/css/main.css index c0676f7..88a9316 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 */ diff --git a/src/themes/oscar/assets/css/variables.css b/src/themes/oscar/assets/css/variables.css index 1e4ce1a..420589b 100644 --- a/src/themes/oscar/assets/css/variables.css +++ b/src/themes/oscar/assets/css/variables.css @@ -15,7 +15,7 @@ /* Brand ========================================================================== */ - --brand: #0249FF; + --background-main: #292929; /* ========================================================================== @@ -33,6 +33,12 @@ --font-caption: var(--font-size-1) / 1.37 var(--font-brand); } +/* Dark theme */ +@media (prefers-color-scheme: dark) { + :root { + --background-main: #f0f0f0; + } +} /* ==========================================================================