Override new Google search result formatting

There have been some recent formatting changes made by Google for search results that do not look good (especially for dark themes). This mostly overrides those styles to resemble the original Whoogle result formatting.
benbusby · Feb 2, 2022 · 9ba7333 · 9ba7333
1 parent 33f56bb
commit 9ba7333
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 9 deletions.
diff --git a/app/static/css/dark-theme.css b/app/static/css/dark-theme.css
@@ -59,19 +59,25 @@ select {
 
 .ZINbbc {
     overflow: hidden;
-    background-color: var(--whoogle-dark-result-bg) !important;   
+    box-shadow: 0 0 0 0 !important;
+    background-color: var(--whoogle-dark-result-bg) !important;
+}
+
+.KP7LCb {
+    box-shadow: 0 0 0 0 !important;
 }
 
 .BVG0Nb {
-    background-color: var(--whoogle-dark-result-bg) !important; 
+    box-shadow: 0 0 0 0 !important;
+    background-color: var(--whoogle-dark-page-bg) !important;
 }
 
-.bRsWnc {
-    background-color: var(--whoogle-dark-result-bg) !important;   
+.ZINbbc.luh4tb {
+    background: var(--whoogle-dark-result-bg) !important;
 }
 
-.BVG0Nb {
-    background-color: var(--whoogle-dark-page-bg) !important;
+.bRsWnc {
+    background-color: var(--whoogle-dark-result-bg) !important;
 }
 
 .x54gtf {

diff --git a/app/static/css/light-theme.css b/app/static/css/light-theme.css
@@ -34,15 +34,19 @@ select {
 
 .ZINbbc {
     overflow: hidden;
-    background-color: var(--whoogle-result-bg) !important;   
+    background-color: var(--whoogle-result-bg) !important;
 }
 
 .BVG0Nb {
-    background-color: var(--whoogle-result-bg) !important; 
+    background-color: var(--whoogle-result-bg) !important;
+}
+
+.ZINbbc.luh4tb {
+    background: var(--whoogle-result-bg) !important;
 }
 
 .bRsWnc {
-    background-color: var(--whoogle-result-bg) !important;   
+    background-color: var(--whoogle-result-bg) !important;
 }
 
 .x54gtf {

diff --git a/app/static/css/search.css b/app/static/css/search.css
@@ -1,3 +1,9 @@
+body {
+    display: block !important;
+    margin: auto !important;
+    max-width: 736px !important;
+}
+
 .autocomplete {
     position: relative;
     display: inline-block;