diff options
Diffstat (limited to '')
| -rw-r--r-- | static/style.css | 36 |
1 files changed, 28 insertions, 8 deletions
diff --git a/static/style.css b/static/style.css index 4276578..5dcdf2b 100644 --- a/static/style.css +++ b/static/style.css @@ -30,6 +30,7 @@ --theme: #468a28; --theme-contrast: #ffffff; --boxbg: #ebebeb; + --boxbg-contrast: black; --boxfg: #000000; --danger: #d32535; --danger-contrast: #ffffff; @@ -37,6 +38,25 @@ --white-contrast: #222222; } +@media (prefers-color-scheme: dark) { + :root { + --primary-bg: #252525; + --primary-fg: white; + --border: #444444; + --greyedout: #444444; + --anchor-underline-color: #3A3A3A; + --theme: #66aa48; + --theme-contrast: #ffffff; + --boxbg: #333333; + --boxbg-contrast: white; + --boxfg: #ffffff; + --danger: #d32535; + --danger-contrast: #ffffff; + --white: #202020; + --white-contrast: #ffffff; + } +} + html { font-family: system-ui, sans-serif; line-height: 1.2; @@ -191,21 +211,21 @@ textarea, input[type=text], input[type=password] { font-family: sans-serif; font-size: smaller; background-color: var(--boxbg); + color: var(--boxbg-contrast); border: none; padding: 0.3rem; width: 100%; box-sizing: border-box; } -td.tdinput { - padding: 0rem !important; -} -td.tdinput textarea, td.tdinput input[type=text], td.tdinput input[type=password] { - background-color: transparent !important; -} -th.tdinput { +td.tdinput, th.tdinput { padding: 0rem !important; } -th.tdinput textarea, th.tdinput input[type=text], th.tdinput input[type=password] { +td.tdinput textarea, +td.tdinput input[type=text], +td.tdinput input[type=password], +th.tdinput textarea, +th.tdinput input[type=text], +th.tdinput input[type=password] { background-color: transparent !important; } |