diff options
| -rw-r--r-- | manifest.json | 7 | ||||
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | styles/websites/google.css | 93 |
3 files changed, 100 insertions, 2 deletions
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;
+}
|