From 786723faefb229c5343d89d7978ca747deca650f Mon Sep 17 00:00:00 2001
From: FrostyBiscuit <frostybiscuit@proton.me>
Date: Wed, 19 Feb 2025 19:29:27 +0100
Subject: Added support for next.nexusmods.com (beta)

---
 README.md                     |  2 +-
 manifest.json                 |  2 +-
 package.json                  |  2 +-
 styles/websites/nexusmods.css | 34 ++++++++++++++++++++++++++++++++++
 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;
+  }
+}
-- 
cgit v1.2.3