diff --git a/img/site/assets/stardust.png b/img/site/assets/stardust.png new file mode 100644 index 0000000..288a7d2 Binary files /dev/null and b/img/site/assets/stardust.png differ 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 {