diff options
| -rw-r--r-- | common/src/user.rs | 2 | ||||
| -rw-r--r-- | web/style/layout.css | 2 | ||||
| -rw-r--r-- | web/style/themes.css | 21 |
3 files changed, 24 insertions, 1 deletions
diff --git a/common/src/user.rs b/common/src/user.rs index 89a8fca..ef78eca 100644 --- a/common/src/user.rs +++ b/common/src/user.rs @@ -58,6 +58,7 @@ pub enum Theme { Dark, Light, Purple, + Black, } #[derive(Debug, Clone, Copy, Serialize, Default, Deserialize, PartialEq, Encode, Decode)] @@ -75,6 +76,7 @@ impl Theme { (Theme::Dark, "Dark"), (Theme::Light, "Light"), (Theme::Purple, "Purple"), + (Theme::Black, "Black"), ]; } impl PlayerKind { diff --git a/web/style/layout.css b/web/style/layout.css index 09251d8..9c98731 100644 --- a/web/style/layout.css +++ b/web/style/layout.css @@ -53,7 +53,7 @@ h1, h2, h3, h4 { h1 { font-weight: bold; } -p, span, a, td, th, label, input { +p, span, a, td, th, label, input, legend { color: var(--font); } diff --git a/web/style/themes.css b/web/style/themes.css index 8d1d92a..2c6bdea 100644 --- a/web/style/themes.css +++ b/web/style/themes.css @@ -71,3 +71,24 @@ body.theme-Purple { --font-highlight: white; --image-loading-placeholder: rgb(50, 50, 50); } +body.theme-Black { + --accent-light: hsl(250, 100%, 67%); + --accent-dark: hsl(250, 60%, 42%); + --c-error: rgb(255, 117, 117); + --c-warn: rgb(252, 255, 78); + --c-success: rgb(117, 255, 117); + --c-nav: #0000009a; + --c-nav-hover: #ffffff10; + --c-fade: black; + --overlay: rgba(114, 114, 114, 0.333); + --overlay-hover: rgba(255, 255, 255, 0.533); + --background-dark: #000000; + --background-light: #000000; + --background-very-light: #323232; + --background-disable: rgb(128, 128, 128); + --background-prop: rgba(50, 50, 50, 0.8); + --font: #e8e8e8; + --font-dark: rgb(102, 102, 102); + --font-highlight: white; + --image-loading-placeholder: rgb(20, 20, 20); +} |