From 9ba73331aad9311d839e23a4e90a0cb4546c9716 Mon Sep 17 00:00:00 2001 From: Ben Busby Date: Tue, 1 Feb 2022 17:15:48 -0700 Subject: [PATCH] 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. --- app/static/css/dark-theme.css | 20 +++++++++++++------- app/static/css/light-theme.css | 10 +++++++--- app/static/css/search.css | 6 ++++++ 3 files changed, 26 insertions(+), 10 deletions(-) diff --git a/app/static/css/dark-theme.css b/app/static/css/dark-theme.css index 38df90a..4634fa0 100644 --- 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; +} + +.ZINbbc.luh4tb { + background: var(--whoogle-dark-result-bg) !important; } .bRsWnc { - background-color: var(--whoogle-dark-result-bg) !important; -} - -.BVG0Nb { - background-color: var(--whoogle-dark-page-bg) !important; + 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 index 2562555..56810ed 100644 --- 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 index 1e76664..adbb40f 100644 --- 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;