diff options
| author | Elizabeth Hunt <elizabeth.hunt@simponic.xyz> | 2024-03-27 19:53:04 -0600 |
|---|---|---|
| committer | Elizabeth Hunt <elizabeth.hunt@simponic.xyz> | 2024-03-27 19:53:04 -0600 |
| commit | b6e8e041096a921accd439db00c9171c0f68d91b (patch) | |
| tree | e4c58632b8956de12d249f99e0836138a6028655 /static/css | |
| parent | 68f3bd53328606a921dd72870f38723286d803e1 (diff) | |
| download | hatecomputers.club-b6e8e041096a921accd439db00c9171c0f68d91b.tar.gz hatecomputers.club-b6e8e041096a921accd439db00c9171c0f68d91b.zip | |
use media queries
Diffstat (limited to 'static/css')
| -rw-r--r-- | static/css/colors.css | 28 |
1 files changed, 20 insertions, 8 deletions
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); } |