Add theme: Rainbow Audio Tabs

themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/chrome.css

@@ -0,0 +1,19 @@
+
+@keyframes audio-rainbow-flow {
+    0% {
+        background-position: 0% 50%;
+    }
+
+100% {
+        background-position: 200% 50%;
+    }
+}
+
+.tabbrowser-tab[soundplaying] .tab-background {
+    /* Notice the fallback: var(--variable-name, default-value) */
+    background-image: linear-gradient(90deg, var(--mod-rainbow-colors, #ff4b4b, #e8d024, #24b8e8, #9b24e8, #ff4b4b) ) !important;
+    background-size: 200% 200% !important;
+    animation: audio-rainbow-flow 12s linear infinite !important;
+    /* Fallback for opacity */
+    opacity: var(--mod-rainbow-opacity, 0.15) !important;
+}

themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/preferences.json

@@ -0,0 +1,14 @@
+[
+    {
+        "property": "mod.rainbow.colors",
+        "label": "Gradient Colors (Comma separated, min 2)",
+        "type": "checkbox",
+        "disabledOn": []
+    },
+    {
+        "property": "mod.rainbow.opacity",
+        "label": "Glow Opacity (0.0 to 1.0)",
+        "type": "checkbox",
+        "disabledOn": []
+    }
+]

themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/readme.md

@@ -0,0 +1,19 @@
+
+Rainbow Audio Tabs for Zen Browser
+
+Never lose track of a noisy tab again. This mod adds a flowing background to tabs playing audio.
+
+## Features
+
+* **Animated Glow:** Moving gradient that highlights the active audio tab.
+* **Fully Customizable Colors:** Don't like the default rainbow? You can change it to likings
+* **Adjustable Opacity:**
+
+## How to Customize
+
+1. Open Zen **Settings**.
+2. Navigate to **Zen Mods** on the left sidebar.
+3. Find **Rainbow Audio Tabs** in your list of installed mods.
+4. Tweak the settings directly in the menu:
+   * **Gradient Colors:** Type a comma-separated list of your favorite colors (hex codes, RGB, or standard color names like `blue, pink, purple`). *Note: You must have at least 2 colors for the gradient to work.*
+   * **Glow Opacity:** Adjust the brightness from `0.0` (invisible) to `1.0` (solid color). The default is a soft `0.25`.

themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/theme.json

@@ -0,0 +1,15 @@
+{
+    "id": "6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad",
+    "name": "Rainbow Audio Tabs",
+    "description": "Never lose track of a noisy tab again. This mod adds a flowing background to tabs playing audio.",
+    "homepage": "https://github.com/LexyDevv/Zen-Rainbow-Audio-Tabs",
+    "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/chrome.css",
+    "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/readme.md",
+    "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/image.png",
+    "author": "LexyDevv",
+    "version": "1.0.0",
+    "tags": [],
+    "createdAt": "2026-05-29",
+    "updatedAt": "2026-05-29",
+    "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/preferences.json"
+}