From b6e8e041096a921accd439db00c9171c0f68d91b Mon Sep 17 00:00:00 2001 From: Elizabeth Hunt Date: Wed, 27 Mar 2024 19:53:04 -0600 Subject: use media queries --- static/css/colors.css | 28 ++++++++++++++++++++-------- 1 file changed, 20 insertions(+), 8 deletions(-) (limited to 'static/css/colors.css') diff --git a/static/css/colors.css b/static/css/colors.css index 159a142..2535049 100644 --- a/static/css/colors.css +++ b/static/css/colors.css @@ -1,13 +1,25 @@ :root { - --background-color: #f4e8e9; - --text-color: #333; - --link-color: #d291bc; - --container-bg: #fff7f8; + --background-color-light: #f4e8e9; + --text-color-light: #333; + --link-color-light: #d291bc; + --container-bg-light: #fff7f8; + + --background-color-dark: #333; + --text-color-dark: #f4e8e9; + --link-color-dark: #b86b77; + --container-bg-dark: #424242; } [data-theme="DARK"] { - --background-color: #333; - --text-color: #f4e8e9; - --link-color: #b86b77; - --container-bg: #424242; + --background-color: var(--background-color-dark); + --text-color: var(--text-color-dark); + --link-color: var(--link-color-dark); + --container-bg: var(--container-bg-dark); +} + +[data-theme="LIGHT"] { + --background-color: var(--background-color-light); + --text-color: var(--text-color-light); + --link-color: var(--link-color-light); + --container-bg: var(--container-bg-light); } -- cgit v1.2.3-70-g09d2