diff --git a/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/chrome.css b/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/chrome.css new file mode 100644 index 00000000..26b7f3c0 --- /dev/null +++ b/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; +} diff --git a/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/image.png b/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/image.png new file mode 100644 index 00000000..1f01fd00 Binary files /dev/null and b/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/image.png differ diff --git a/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/preferences.json b/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/preferences.json new file mode 100644 index 00000000..ca368a2b --- /dev/null +++ b/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": [] + } +] \ No newline at end of file diff --git a/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/readme.md b/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/readme.md new file mode 100644 index 00000000..16bb529f --- /dev/null +++ b/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`. diff --git a/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/theme.json b/themes/6a6ad4c8-4bec-4eb5-a5da-b6480766f8ad/theme.json new file mode 100644 index 00000000..b26e55a1 --- /dev/null +++ b/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" +} \ No newline at end of file