From 731f814d3706890da3d6f9349a2c31ae45291b3a Mon Sep 17 00:00:00 2001
From: Wasi Master <arianmollik323@gmail.com>
Date: Mon, 21 Mar 2022 11:06:13 +0600
Subject: [PATCH 1/2] Add dracula theme

---
 public/css/themes/dracula.css | 37 +++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 public/css/themes/dracula.css

diff --git a/public/css/themes/dracula.css b/public/css/themes/dracula.css
new file mode 100644
index 0000000..c805f65
--- /dev/null
+++ b/public/css/themes/dracula.css
@@ -0,0 +1,37 @@
+body {
+    --bg_color: #282a36;
+    --fg_color: #f8f8f2;
+    --fg_faded: #6272a4;
+    --fg_dark: var(--fg_faded);
+    --fg_nav: var(--accent);
+
+    --bg_panel: #343746;
+    --bg_elements: #44475a;
+    --bg_overlays: #44475a;
+    --bg_hover: #2f323f;
+
+    --grey: var(--fg_faded);
+    --dark_grey: #44475a;
+    --darker_grey: #44475a;
+    --darkest_grey: #44475a;
+    --border_grey: #44475a;
+
+    --accent: #bd93f9;
+    --accent_light: #caa9fa;
+    --accent_dark: var(--accent);
+    --accent_border: #ff79c696;
+
+    --play_button: #ffb86c;
+    --play_button_hover: #ffc689;
+
+    --more_replies_dots: #bd93f9;
+    --error_red: #ff5555;
+
+    --verified_blue: var(--accent);
+    --icon_text: ##F8F8F2;
+
+    --tab: #6272a4;
+    --tab_selected: var(--accent);
+
+    --profile_stat: #919cbf;
+}

From 2b20b24abf9cd1d6a4508d0b474aa39703ad8b2e Mon Sep 17 00:00:00 2001
From: Wasi Master <arianmollik323@gmail.com>
Date: Mon, 21 Mar 2022 17:49:07 +0600
Subject: [PATCH 2/2] Fix contrast for the dracula theme

---
 public/css/themes/dracula.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/public/css/themes/dracula.css b/public/css/themes/dracula.css
index c805f65..6042f7d 100644
--- a/public/css/themes/dracula.css
+++ b/public/css/themes/dracula.css
@@ -1,19 +1,19 @@
 body {
     --bg_color: #282a36;
     --fg_color: #f8f8f2;
-    --fg_faded: #6272a4;
+    --fg_faded: #818eb6;
     --fg_dark: var(--fg_faded);
     --fg_nav: var(--accent);
 
     --bg_panel: #343746;
-    --bg_elements: #44475a;
+    --bg_elements: #292b36;
     --bg_overlays: #44475a;
     --bg_hover: #2f323f;
 
     --grey: var(--fg_faded);
     --dark_grey: #44475a;
-    --darker_grey: #44475a;
-    --darkest_grey: #44475a;
+    --darker_grey: #3d4051;
+    --darkest_grey: #363948;
     --border_grey: #44475a;
 
     --accent: #bd93f9;
@@ -35,3 +35,7 @@ body {
 
     --profile_stat: #919cbf;
 }
+
+.search-bar > form input::placeholder{
+    color: var(--fg_faded);
+}
\ No newline at end of file