Add dark and light themes
This commit is contained in:
parent
5630a4da32
commit
6481004940
2 changed files with 60 additions and 0 deletions
30
public/css/themes/dark.css
Normal file
30
public/css/themes/dark.css
Normal file
|
@ -0,0 +1,30 @@
|
||||||
|
body {
|
||||||
|
--bg_color: #0F0F0F;
|
||||||
|
--fg_color: #F8F8F2;
|
||||||
|
--fg_faded: #F8F8F2CF;
|
||||||
|
--fg_dark: #9d9da0;
|
||||||
|
--fg_nav: #FF6C60;
|
||||||
|
|
||||||
|
--bg_panel: #161616;
|
||||||
|
--bg_elements: #121212;
|
||||||
|
--bg_overlays: #1F1F1F;
|
||||||
|
--bg_hover: #1A1A1A;
|
||||||
|
|
||||||
|
--grey: #888889;
|
||||||
|
--dark_grey: #404040;
|
||||||
|
--darker_grey: #282828;
|
||||||
|
--darkest_grey: #222222;
|
||||||
|
--border_grey: #3E3E35;
|
||||||
|
|
||||||
|
--accent: #FF6C60;
|
||||||
|
--accent_light: #FFACA0;
|
||||||
|
--accent_dark: #8A3731;
|
||||||
|
--accent_border: #FF6C6091;
|
||||||
|
|
||||||
|
--play_button_red: #D8574D;
|
||||||
|
--more_replies_dots: #AD433B;
|
||||||
|
--error_red: #420A05;
|
||||||
|
|
||||||
|
--verified_blue: #1DA1F2;
|
||||||
|
--icon_text: #F8F8F2;
|
||||||
|
}
|
30
public/css/themes/light.css
Normal file
30
public/css/themes/light.css
Normal file
|
@ -0,0 +1,30 @@
|
||||||
|
body {
|
||||||
|
--bg_color: #e6ecf0;
|
||||||
|
--fg_color: #0F0F0F;
|
||||||
|
--fg_faded: #161616;
|
||||||
|
--fg_dark: #191919;
|
||||||
|
--fg_nav: #000000;
|
||||||
|
|
||||||
|
--bg_panel: #ffffff;
|
||||||
|
--bg_elements: #fdfdfd;
|
||||||
|
--bg_overlays: #ffffff;
|
||||||
|
--bg_hover: #f5f8fa;
|
||||||
|
|
||||||
|
--grey: #657786;
|
||||||
|
--dark_grey: #d6d6d6;
|
||||||
|
--darker_grey: #cecece;
|
||||||
|
--darkest_grey: #e8e8e8;
|
||||||
|
--border_grey: #e6ecf0;
|
||||||
|
|
||||||
|
--accent: #657786;
|
||||||
|
--accent_light: #a0edff;
|
||||||
|
--accent_dark: #1DA1F2;
|
||||||
|
--accent_border: #1da1f296;
|
||||||
|
|
||||||
|
--play_button_red: #4db8d8;
|
||||||
|
--more_replies_dots: #0199f7;
|
||||||
|
--error_red: #ff7266;
|
||||||
|
|
||||||
|
--verified_blue: #1DA1F2;
|
||||||
|
--icon_text: #FFFFFF;
|
||||||
|
}
|
Loading…
Reference in a new issue