From 582925ba162cd3a5ead033f0212fee255e1c7d39 Mon Sep 17 00:00:00 2001
From: FrostyBiscuit <frostybiscuit@proton.me>
Date: Mon, 24 Feb 2025 20:07:45 +0100
Subject: Added support for google

---
 manifest.json              |  7 +++-
 package.json               |  2 +-
 styles/websites/google.css | 93 ++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 100 insertions(+), 2 deletions(-)
 create mode 100644 styles/websites/google.css

diff --git a/manifest.json b/manifest.json
index 1b634c9..6e23666 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Transparent Zen",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Inject custom styles to make your favorite websites transparent. PLEASE KEEP IN MIND THAT THIS IS STILL WORK IN PROGRESS, SO THINGS MIGHT BREAK!",
   "browser_specific_settings": {
     "gecko": {
@@ -142,6 +142,11 @@
       "matches": ["*://*.duckduckgo.com/*"],
       "css": ["./styles/websites/duckduckgo.css"],
       "run_at": "document_start"
+    },
+    {
+      "matches": ["*://*.google.com/*"],
+      "css": ["./styles/websites/google.css"],
+      "run_at": "document_start"
     }
   ]
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index df5a692..6580df2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "transparent-zen",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "A browser extension for Zen Browser to inject custom styles to make your favorite websites transparent",
   "scripts": {
     "build": "web-ext build --config web-ext-config.mjs",
diff --git a/styles/websites/google.css b/styles/websites/google.css
new file mode 100644
index 0000000..135b2ff
--- /dev/null
+++ b/styles/websites/google.css
@@ -0,0 +1,93 @@
+@import url("../global/base.css");
+
+/* Google is obfuscating their classes and attributes, which makes it really hard to select elements properly, hence the nested div selectors */
+
+body {
+  /* Page Wrapper */
+  > div:first-of-type,
+  > div[data-hveid="1"] {
+    /* Page Header */
+    div[role="navigation"] {
+      background: var(--transparent-background) !important;
+      backdrop-filter: var(--backdrop-blur);
+
+      div[style*="background-color"] {
+        background: none !important;
+      }
+    }
+
+    /* Page Footer */
+    > div:last-child {
+      > div[role="contentinfo"] {
+        background: var(--transparent-background) !important;
+      }
+    }
+  }
+}
+
+form[role="search"] {
+  > div:first-child {
+    > div:first-child {
+      /* Search Bar */
+      > div:first-of-type:not(.logo),
+      > .logo + div {
+        background: var(--transparent-background-dark) !important;
+      }
+    }
+  }
+
+  center {
+    input[type="submit"] {
+      background: var(--transparent-background-dark) !important;
+
+      &:hover {
+        background: var(--transparent-background-darker) !important;
+        border-color: transparent !important;
+      }
+    }
+  }
+}
+
+/* Search Results Page */
+#searchform {
+  > div:first-child {
+    background-color: var(--transparent-background) !important;
+    backdrop-filter: var(--backdrop-blur);
+  }
+}
+
+#main {
+  div[style*="top:"]:has(> [role="navigation"]) {
+    background: var(--transparent-background-dark) !important;
+    backdrop-filter: var(--backdrop-blur);
+    box-shadow: none !important;
+    border: 0 !important;
+  }
+}
+
+#appbar {
+  background: none !important;
+}
+
+#search {
+  [data-rspos] > div:first-child,
+  [jscontroller][lang][style*="width:inherit"] {
+    background: var(--transparent-background);
+    border-radius: var(--border-radius-lg);
+    padding: 10px;
+  }
+
+  div:has(> [data-id="mosaic"]) {
+    background: none !important;
+  }
+}
+
+#botstuff {
+  div:has(> div > div > a) {
+    background: var(--transparent-background) !important;
+  }
+}
+
+#fbar {
+  background: var(--transparent-background) !important;
+}
-- 
cgit v1.2.3