From 6d2e279190484d48ffa3a73e691bda003fcba0c9 Mon Sep 17 00:00:00 2001 From: ilotterytea Date: Sat, 7 Jun 2025 00:24:16 +0400 Subject: feat: dark theme --- public/static/style.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) diff --git a/public/static/style.css b/public/static/style.css index 7d2f173..1ac9cef 100644 --- a/public/static/style.css +++ b/public/static/style.css @@ -7,6 +7,44 @@ --box-border: #800; --box-content-background: #fff; --box-content-background-2: #e6d9d9; + --anchor-color: #800; + --anchor-color-hovered: #f00; +} + +@media (prefers-color-scheme: dark) { + :root { + --background: #262626; + --background-2: #202020; + --foreground: #ffffff; + --box-tab-background: #800; + --box-tab-foreground: #fff; + --box-border: #575757; + --box-content-background: #3a3a3a; + --box-content-background-2: #282828; + --anchor-color: #ff6161; + --anchor-color-hovered: #ff9696; + } + + button[type=submit] { + background: var(--box-tab-background); + color: var(--box-tab-foreground); + } + + button[type=submit]:hover { + background: var(--box-tab-background); + } + + input, + textarea { + background: var(--background); + border: 1px solid var(--box-border); + color: var(--box-tab-foreground); + } + + input::placeholder, + textarea::placeholder { + color: var(--box-border); + } } * { @@ -14,6 +52,14 @@ margin: 0; } +a { + color: var(--anchor-color); +} + +a:hover { + color: var(--anchor-color-hovered); +} + button.transparent { margin: 0; padding: 0; -- cgit v1.2.3