From 4466bbc8f4cdb1fafb1d99b9bf211567c0477cf4 Mon Sep 17 00:00:00 2001
From: Harsh Barsaiyan <37732050+hbarsaiyan@users.noreply.github.com>
Date: Tue, 11 May 2021 16:24:45 +0000
Subject: [PATCH] Add divider to user-defined CSS (#310)

---
 app/static/css/dark-theme.css  | 12 ++++++++++++
 app/static/css/light-theme.css | 13 +++++++++++++
 app/static/css/variables.css   |  2 ++
 3 files changed, 27 insertions(+)

diff --git a/app/static/css/dark-theme.css b/app/static/css/dark-theme.css
index d006540..04674f2 100644
--- a/app/static/css/dark-theme.css
+++ b/app/static/css/dark-theme.css
@@ -69,6 +69,18 @@ select {
     background-color: var(--whoogle-dark-page-bg) !important;
 }
 
+.x54gtf {
+    background-color: var(--whoogle-dark-divider) !important;
+}
+
+.Q0HXG {
+    background-color: var(--whoogle-dark-divider) !important;
+}
+
+.LKSyXe {
+    background-color: var(--whoogle-dark-divider) !important;
+}
+
 #search-bar {
     border-color: var(--whoogle-dark-element-bg) !important;
     color: var(--whoogle-dark-text) !important;
diff --git a/app/static/css/light-theme.css b/app/static/css/light-theme.css
index 9221b02..c3d057c 100644
--- a/app/static/css/light-theme.css
+++ b/app/static/css/light-theme.css
@@ -40,6 +40,19 @@ select {
     background-color: var(--whoogle-result-bg) !important;   
 }
 
+.x54gtf {
+    background-color: var(--whoogle-divider) !important;
+}
+
+.Q0HXG {
+    background-color: var(--whoogle-divider) !important;
+}
+
+.LKSyXe {
+    background-color: var(--whoogle-divider) !important;
+}
+
+
 a:visited h3 div {
     color: var(--whoogle-result-visited) !important;
 }
diff --git a/app/static/css/variables.css b/app/static/css/variables.css
index 7fd5c0c..1a531a0 100644
--- a/app/static/css/variables.css
+++ b/app/static/css/variables.css
@@ -11,6 +11,7 @@
     --whoogle-result-title: #1967d2;
     --whoogle-result-url: #0d652d;
     --whoogle-result-visited: #4b11a8;
+    --whoogle-divider: #dfe1e5;
 
     /* DARK THEME COLORS */
     --whoogle-dark-logo: #888888;
@@ -23,4 +24,5 @@
     --whoogle-dark-result-title: #dddddd;
     --whoogle-dark-result-url: #eceff4;
     --whoogle-dark-result-visited: #959595;
+    --whoogle-dark-divider: #111111;
 }