Added support for next.nexusmods.com (beta)

4 files changed, 37 insertions, 3 deletions

diff --git a/README.md b/README.md
index 418c0e7..228cf1d 100644
--- a/README.md
+++ b/README.md
@@ -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;

+  }

+}