Add dark and light themes

public/css/themes/dark.css

@@ -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;
+}

public/css/themes/light.css

@@ -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;
+}