From c06fef7aa3c445dcb979c3d03f08f5b51f173999 Mon Sep 17 00:00:00 2001 From: zepp Date: Sun, 26 Jan 2025 23:42:47 -0500 Subject: [PATCH] add prefers-color-scheme: dark support pick colors style appropriate elements --- img/site/assets/stardust.png | Bin 0 -> 9106 bytes style/style.css | 30 ++++++++++++++++++++++++++++++ 2 files changed, 30 insertions(+) create mode 100644 img/site/assets/stardust.png diff --git a/img/site/assets/stardust.png b/img/site/assets/stardust.png new file mode 100644 index 0000000000000000000000000000000000000000..288a7d20622d3e060e947cb595d1aeb0ed0db0c2 GIT binary patch literal 9106 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 QQUCw|07*qoM6N<$f;j7*3jhEB literal 0 HcmV?d00001 diff --git a/style/style.css b/style/style.css index b1640a6..35f8ce5 100644 --- a/style/style.css +++ b/style/style.css @@ -9,6 +9,7 @@ } :root { + --text-color: #0C0C0C; --background-color: #ffe9e3; --body-background-color: #ffcccc; --scroll-gutter: #eb76ff88; @@ -42,6 +43,35 @@ body { align-items: end; align-content: center; overflow: hidden; + color: var(--text-color); +} + + +@media (prefers-color-scheme: dark) { + :root { + --background-color: #29274c; + --body-background-color: #0d0c1d; + --text-color: #f1dac4; + --scroll-bar: #474973; + --scroll-gutter: #a69cac; + --link-color: #4cc9f0; + --link-hover: #f72585; + --link-visited: #4cc9f0; + --border-color: #474973; + } + + body { + background-color: var(--body-background-color); + background-image: url("../img/site/assets/stardust.png"); + } + + .status .statuslol_content p { + color: var(--text-color); + } + + .status .statuslol_content .statuslol_time a { + color: var(--link-color) !important; + } } h1, h2, h3, h4, h5, h6, p, ul, figcaption, details {