Add theme: Adaptive Zen

themes/e232ab3c-a4d7-4218-8026-ed446dc8590f/chrome.css

@@ -0,0 +1,25 @@
+
+:root {
+    /* Only applies adaptive colour if tab is not empty */
+	&:has(#tabbrowser-tabpanels > .browserSidebarContainer[id] browser:not([transparent])) {
+		–zen-main-browser-background: var(--lwt-accent-color) !important;
+	}
+	/* Reverts toolbar button’s active colour */
+	–toolbarbutton-active-background: var(--zen-toolbar-element-bg) !important;
+}
+
+/* Removes shadow around the tab panel & side bar */
+.browserSidebarContainer,
+#zen-tabbox-wrapper #sidebar-box {
+	box-shadow: none !important;
+}
+
+/* Removes tab outline */
+.tab-background {
+	outline: none !important;
+}
+
+/* Makes tab panel transparent */
+browser[transparent="true"] {
+	background-color: transparent !important;
+}

themes/e232ab3c-a4d7-4218-8026-ed446dc8590f/readme.md

@@ -0,0 +1,7 @@
+
+# Adaptive Zen
+
+This mod adds support for “Adaptive Tab Bar Colour” to the Zen browser.
+
+> [!NOTE]
+> This mod is currently experimental and may cause minor visual issues.

themes/e232ab3c-a4d7-4218-8026-ed446dc8590f/theme.json

@@ -0,0 +1,14 @@
+{
+    "id": "e232ab3c-a4d7-4218-8026-ed446dc8590f",
+    "name": "Adaptive Zen",
+    "description": "This mod adds support for \u201cAdaptive Tab Bar Colour\u201d to the Zen browser.",
+    "homepage": "https://github.com/easonwong-de/Easons-Zen-Mod-Collection/tree/main/adaptive-zen",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e232ab3c-a4d7-4218-8026-ed446dc8590f/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e232ab3c-a4d7-4218-8026-ed446dc8590f/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e232ab3c-a4d7-4218-8026-ed446dc8590f/image.png",
+    "author": "easonwong-de",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2025-05-22",
+    "updatedAt": "2025-05-22"
+}