diff options
| -rw-r--r-- | README.md | 2 | ||||
| -rw-r--r-- | manifest.json | 2 | ||||
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | styles/websites/nexusmods.css | 34 |
4 files changed, 37 insertions, 3 deletions
@@ -43,9 +43,9 @@ The following websites are currently supported by Transparent Zen: - 🟢 kryptex.com
- 🟢 leetcode.com
- 🟢 programiz.com (only for their dark theme)
+- 🟢 nexusmods.com
- 🟠amazon.de
- 🟠lieferando.at
-- 🟠nexusmods.com
- 🔴 epicgames.com
- 🔴 gog.com
- 🔴 kinguin.net
diff --git a/manifest.json b/manifest.json index cd83ca7..2bd5ca5 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "manifest_version": 2, "name": "Transparent Zen", - "version": "0.1.6", + "version": "0.1.7", "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": { diff --git a/package.json b/package.json index 28b8404..c276d06 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "transparent-zen", - "version": "0.1.6", + "version": "0.1.7", "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/nexusmods.css b/styles/websites/nexusmods.css index 0f56b77..6693b61 100644 --- a/styles/websites/nexusmods.css +++ b/styles/websites/nexusmods.css @@ -116,3 +116,37 @@ header#head { .tooltipster-base {
background-color: var(--color-bg) !important;
}
+
+/* Adaptions for the next.nexusmods.com beta */
+header.bg-surface-base {
+ background: var(--transparent-background-darker) !important;
+
+ > .bg-surface-base {
+ background: none !important;
+ }
+
+ .bg-surface-low {
+ background-color: var(--transparent-background-darker);
+ backdrop-filter: var(--backdrop-blur);
+ }
+}
+
+#mainContent {
+ > [class="relative"] {
+ > .absolute,
+ > .to-surface-base {
+ display: none !important;
+ }
+
+ > .next-container-fluid {
+ .sticky {
+ background-color: transparent;
+ backdrop-filter: none;
+ }
+ }
+ }
+
+ .clearfix {
+ background: none !important;
+ }
+}
|