From d0cb6d3da416e9a7d7ba3f424237c31b8d1982c4 Mon Sep 17 00:00:00 2001 From: Zed Date: Sun, 27 Oct 2019 10:50:21 +0100 Subject: [PATCH] Add Mastodon-inspired theme --- public/css/themes/mastodon.css | 37 ++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 public/css/themes/mastodon.css diff --git a/public/css/themes/mastodon.css b/public/css/themes/mastodon.css new file mode 100644 index 0000000..4879051 --- /dev/null +++ b/public/css/themes/mastodon.css @@ -0,0 +1,37 @@ +body { + --bg_color: #191B22; + --fg_color: #FFFFFF; + --fg_faded: #F8F8F2CF; + --fg_dark: var(--accent); + --fg_nav: var(--accent); + + --bg_panel: #282C37; + --bg_elements: #22252F; + --bg_overlays: var(--bg_panel); + --bg_hover: var(--bg_elements); + + --grey: #8595AB; + --dark_grey: #393F4F; + --darker_grey: #1C1E23; + --darkest_grey: #1F2125; + --border_grey: #393F4F; + + --accent: #9BAEC8; + --accent_light: #CDDEF5; + --accent_dark: #748294; + --accent_border: var(--accent_dark); + + --play_button: var(--accent); + --play_button_hover: var(--accent_light); + + --more_replies_dots: #7F8DA0; + --error_red: #420A05; + + --verified_blue: #1DA1F2; + --icon_text: var(--fg_color); + + --tab: var(--accent); + --tab_selected: #D9E1E8; + + --profile_stat: var(--fg_color); +}