From 539812803543ffbca8996e7c5bffc87d35fb3fdc Mon Sep 17 00:00:00 2001 From: MarshDeer Date: Sat, 23 Apr 2022 12:03:30 -0400 Subject: [PATCH 1/3] Add gruvbox_dark theme --- public/css/themes/gruvbox_dark.css | 41 ++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 public/css/themes/gruvbox_dark.css diff --git a/public/css/themes/gruvbox_dark.css b/public/css/themes/gruvbox_dark.css new file mode 100644 index 0000000..50b03b4 --- /dev/null +++ b/public/css/themes/gruvbox_dark.css @@ -0,0 +1,41 @@ +body { + --bg_color: #1d2021 !important; + --fg_color: #ebdbb2; + --fg_faded: #a89984; + --fg_dark: var(--fg_faded); + --fg_nav: var(--accent); + + --bg_panel: #282828; + --bg_elements: #32302f; + --bg_overlays: #3c3836; + --bg_hover: #3c3836; + + --grey: var(--fg_faded); + --dark_grey: #7c6f64; + --darker_grey: #665c54; + --darkest_grey: #504945; + --border_grey: #1d2021; + + --accent: #8ec07c; + --accent_light: #689d6a; + --accent_dark: var(--accent); + --accent_border: #8ec07c96; + + --play_button: #83a598; + --play_button_hover: #458588; + + --more_replies_dots: #8ec07c; + --error_red: #fb4934; + + --verified_blue: var(--accent); + --icon_text: #ebdbb2; + + --tab: #a89984; + --tab_selected: var(--accent); + + --profile_stat: #d3869b; +} + +.search-bar > form input::placeholder{ + color: var(--fg_faded); +} From f97c83e9eeb99f6690679fb3a072b322c602235a Mon Sep 17 00:00:00 2001 From: MarshDeer Date: Sat, 23 Apr 2022 12:56:10 -0400 Subject: [PATCH 2/3] Add gruvbox_light theme --- public/css/themes/gruvbox_light.css | 41 +++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 public/css/themes/gruvbox_light.css diff --git a/public/css/themes/gruvbox_light.css b/public/css/themes/gruvbox_light.css new file mode 100644 index 0000000..f4e3e83 --- /dev/null +++ b/public/css/themes/gruvbox_light.css @@ -0,0 +1,41 @@ +body { + --bg_color: #fbf1c7 !important; + --fg_color: #3c3836; + --fg_faded: #7c6f64; + --fg_dark: var(--fg_faded); + --fg_nav: var(--accent); + + --bg_panel: #ebdbb2; + --bg_elements: #d5c4a1; + --bg_overlays: #d5c4a1; + --bg_hover: #d5c4a1; + + --grey: var(--fg_faded); + --dark_grey: #7c6f64; + --darker_grey: #665c54; + --darkest_grey: #504945; + --border_grey: #f9f5d7; + + --accent: #427b58; + --accent_light: #689d6a; + --accent_dark: var(--accent); + --accent_border: #427b5896; + + --play_button: #98971a; + --play_button_hover: #689d6a; + + --more_replies_dots: #427b58; + --error_red: #9d0006; + + --verified_blue: var(--accent); + --icon_text: #3c3836; + + --tab: #7c6f64; + --tab_selected: var(--accent); + + --profile_stat: #8f3f71; +} + +.search-bar > form input::placeholder{ + color: var(--fg_faded); +} From d475fbaa7aaddd8f648a407ba1debbd5636fab32 Mon Sep 17 00:00:00 2001 From: MarshDeer Date: Sat, 23 Apr 2022 12:58:50 -0400 Subject: [PATCH 3/3] Removed leftovers from testing stage --- public/css/themes/gruvbox_dark.css | 2 +- public/css/themes/gruvbox_light.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/public/css/themes/gruvbox_dark.css b/public/css/themes/gruvbox_dark.css index 50b03b4..39a357f 100644 --- a/public/css/themes/gruvbox_dark.css +++ b/public/css/themes/gruvbox_dark.css @@ -1,5 +1,5 @@ body { - --bg_color: #1d2021 !important; + --bg_color: #1d2021; --fg_color: #ebdbb2; --fg_faded: #a89984; --fg_dark: var(--fg_faded); diff --git a/public/css/themes/gruvbox_light.css b/public/css/themes/gruvbox_light.css index f4e3e83..b1673e9 100644 --- a/public/css/themes/gruvbox_light.css +++ b/public/css/themes/gruvbox_light.css @@ -1,5 +1,5 @@ body { - --bg_color: #fbf1c7 !important; + --bg_color: #fbf1c7; --fg_color: #3c3836; --fg_faded: #7c6f64; --fg_dark: var(--fg_faded);