Refactor theme readme files and funding configuration for consistency

This commit is contained in:
mr. M 2025-01-26 15:36:01 +01:00
parent ee9f84991f
commit 2b52886c65
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
311 changed files with 6490 additions and 6082 deletions

1
.github/FUNDING.yml vendored
View file

@ -1,3 +1,2 @@
patreon: zen_browser patreon: zen_browser
ko_fi: zen_browser ko_fi: zen_browser

View file

@ -16,7 +16,7 @@ jobs:
- name: Install python - name: Install python
uses: actions/setup-python@v2 uses: actions/setup-python@v2
with: with:
python-version: '3.x' python-version: "3.x"
- name: Setup python modules - name: Setup python modules
run: | run: |
@ -39,19 +39,19 @@ jobs:
echo "THEME_IS_COLOR_THEME=${{ contains(fromJson(steps.issue-parser.outputs.jsonString)['is-color-theme'], 'JSON Color Theme') }}" >> $GITHUB_ENV echo "THEME_IS_COLOR_THEME=${{ contains(fromJson(steps.issue-parser.outputs.jsonString)['is-color-theme'], 'JSON Color Theme') }}" >> $GITHUB_ENV
- name: Write styles to file - name: Write styles to file
uses: 'DamianReeves/write-file-action@master' uses: "DamianReeves/write-file-action@master"
with: with:
contents: ${{ fromJson(steps.issue-parser.outputs.jsonString)['styles'] }} contents: ${{ fromJson(steps.issue-parser.outputs.jsonString)['styles'] }}
path: theme-styles.css path: theme-styles.css
- name: Write readme to file - name: Write readme to file
uses: 'DamianReeves/write-file-action@master' uses: "DamianReeves/write-file-action@master"
with: with:
contents: ${{ fromJson(steps.issue-parser.outputs.jsonString)['readme'] }} contents: ${{ fromJson(steps.issue-parser.outputs.jsonString)['readme'] }}
path: theme-readme.md path: theme-readme.md
- name: Write preferences to file - name: Write preferences to file
uses: 'DamianReeves/write-file-action@master' uses: "DamianReeves/write-file-action@master"
if: fromJson(steps.issue-parser.outputs.jsonString)['preferences'] != '' if: fromJson(steps.issue-parser.outputs.jsonString)['preferences'] != ''
with: with:
contents: ${{ fromJson(steps.issue-parser.outputs.jsonString)['preferences'] }} contents: ${{ fromJson(steps.issue-parser.outputs.jsonString)['preferences'] }}
@ -97,9 +97,9 @@ jobs:
add-paths: themes/ add-paths: themes/
labels: staged labels: staged
token: ${{ secrets.DEPLOY_KEY }} token: ${{ secrets.DEPLOY_KEY }}
commit-message: 'Add theme: ${{ env.THEME_NAME }}' commit-message: "Add theme: ${{ env.THEME_NAME }}"
delete-branch: true delete-branch: true
title: 'Add theme: ${{ env.THEME_NAME }}' title: "Add theme: ${{ env.THEME_NAME }}"
body: | body: |
# Add theme: ${{ env.THEME_NAME }} # Add theme: ${{ env.THEME_NAME }}

View file

@ -1,4 +1,3 @@
name: Check PR is valid name: Check PR is valid
on: on:
@ -16,7 +15,7 @@ jobs:
- name: Install python - name: Install python
uses: actions/setup-python@v2 uses: actions/setup-python@v2
with: with:
python-version: '3.x' python-version: "3.x"
- name: Setup python modules - name: Setup python modules
run: | run: |

View file

@ -20,7 +20,7 @@ jobs:
- name: Install python - name: Install python
uses: actions/setup-python@v2 uses: actions/setup-python@v2
with: with:
python-version: '3.x' python-version: "3.x"
- name: Setup python modules - name: Setup python modules
run: | run: |

View file

@ -5,7 +5,7 @@ on:
branches: branches:
- main - main
paths: paths:
- 'themes/**' - "themes/**"
jobs: jobs:
update-timestamp: update-timestamp:
@ -24,7 +24,7 @@ jobs:
- name: Set up Python - name: Set up Python
uses: actions/setup-python@v2 uses: actions/setup-python@v2
with: with:
python-version: '3.x' python-version: "3.x"
- name: Detect changed themes - name: Detect changed themes
id: get_changes id: get_changes

View file

@ -11,10 +11,10 @@
To submit a theme, please follow these steps: To submit a theme, please follow these steps:
* Open an issue in [this template](https://github.com/zen-browser/theme-store/issues/new?assignees=&labels=new-theme&projects=&template=create-theme.yml&title=%5Bcreate-theme%5D%3A+) with the title `[create-theme]: <theme-name>` - Open an issue in [this template](https://github.com/zen-browser/theme-store/issues/new?assignees=&labels=new-theme&projects=&template=create-theme.yml&title=%5Bcreate-theme%5D%3A+) with the title `[create-theme]: <theme-name>`
* Fill out the template with the necessary information - Fill out the template with the necessary information
* Submit the issue - Submit the issue
* Let us take care of the rest! - Let us take care of the rest!
## Important notice ## Important notice
@ -24,10 +24,10 @@ To submit a theme, please follow these steps:
To update a theme, please follow these steps: To update a theme, please follow these steps:
* Create a new pull request with the updated theme - Create a new pull request with the updated theme
* Make sure to include the theme name in the title - Make sure to include the theme name in the title
* Submit the pull request - Submit the pull request
* Let us take care of the rest! - Let us take care of the rest!
> This applied to any other actions you want to take with the themes in this repository, such as deleting a theme. > This applied to any other actions you want to take with the themes in this repository, such as deleting a theme.

File diff suppressed because it is too large Load diff

View file

@ -1,4 +1,3 @@
/*Nyan Cat and Friends*/ /*Nyan Cat and Friends*/
@media (-moz-bool-pref: "z0.catto.nyancats") { @media (-moz-bool-pref: "z0.catto.nyancats") {
@ -6,7 +5,7 @@
overflow: hidden !important; overflow: hidden !important;
} }
#zen-sidebar-icons-wrapper:before { #zen-sidebar-icons-wrapper:before {
content: ""; content: "";
position: absolute; position: absolute;
bottom: 100%; bottom: 100%;
@ -24,7 +23,7 @@
background-position-y: 0, 0, 0; background-position-y: 0, 0, 0;
} }
@keyframes autoRun { @keyframes autoRun {
from { from {
right: 0%; right: 0%;
} }
@ -37,7 +36,7 @@
/*Nyan Cat and Friends*/ /*Nyan Cat and Friends*/
/* Bongo Cat Start */ /* Bongo Cat Start */
@media (-moz-bool-pref: "zen.view.compact") { :root[zen-compact-mode="true"] {
@media (-moz-bool-pref: "z0.catto.bongocat") { @media (-moz-bool-pref: "z0.catto.bongocat") {
#navigator-toolbox:before { #navigator-toolbox:before {
position: relative; position: relative;
@ -60,7 +59,7 @@
} }
/* Bongo Cat End */ /* Bongo Cat End */
/* Reduce the Size */ /* Reduce the Size */
#navigator-toolbox { #navigator-toolbox {
--zen-navigation-toolbar-min-width: 100px !important; --zen-navigation-toolbar-min-width: 100px !important;
padding-top: 12.5vh !important; padding-top: 12.5vh !important;
height: 85vh !important; height: 85vh !important;

View file

@ -1,14 +1,14 @@
[ [
{ {
"property": "z0.catto.nyancats", "property": "z0.catto.nyancats",
"label": "Enable Nyan Cat and friends.", "label": "Enable Nyan Cat and friends.",
"type": "checkbox", "type": "checkbox",
"defaultValue": true "defaultValue": true
}, },
{ {
"property": "z0.catto.bongocat", "property": "z0.catto.bongocat",
"label": "Enable Bongocat at the top.", "label": "Enable Bongocat at the top.",
"type": "checkbox", "type": "checkbox",
"defaultValue": false "defaultValue": false
} }
] ]

View file

@ -1,14 +1,16 @@
## ✨ Features ## ✨ Features
🌈 **Nyan Cat March** 🌈 **Nyan Cat March**
- Colorful Nyan Cats parade across sidebar bottom - Colorful Nyan Cats parade across sidebar bottom
🙀 **Bongo Cat** 🙀 **Bongo Cat**
- Cute Bongo Cat animation at sidebar top - Cute Bongo Cat animation at sidebar top
- *Requires Compact Mode* - _Requires Compact Mode_
📐 **Size Reducer** 📐 **Size Reducer**
- Reduces sidebar in compact mode (85vh height, 100px min width) - Reduces sidebar in compact mode (85vh height, 100px min width)
All features independently toggleable - mix and match to suit your style! 🐱✨ All features independently toggleable - mix and match to suit your style! 🐱✨

View file

@ -1,15 +1,15 @@
{ {
"id": "00aeb359-cce5-4eb5-8c5c-5f928a715664", "id": "00aeb359-cce5-4eb5-8c5c-5f928a715664",
"name": "Nyan Catto Mod", "name": "Nyan Catto Mod",
"description": "Playful sidebar mod featuring Bongo Cat above and marching Nyan Cats below \ud83d\udc31", "description": "Playful sidebar mod featuring Bongo Cat above and marching Nyan Cats below \ud83d\udc31",
"homepage": "https://github.com/RayZ3R0/nyan-catto", "homepage": "https://github.com/RayZ3R0/nyan-catto",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/00aeb359-cce5-4eb5-8c5c-5f928a715664/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/00aeb359-cce5-4eb5-8c5c-5f928a715664/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/00aeb359-cce5-4eb5-8c5c-5f928a715664/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/00aeb359-cce5-4eb5-8c5c-5f928a715664/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/00aeb359-cce5-4eb5-8c5c-5f928a715664/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/00aeb359-cce5-4eb5-8c5c-5f928a715664/image.png",
"author": "RayZ3R0", "author": "RayZ3R0",
"version": "1.0.0", "version": "1.0.1",
"tags": [], "tags": [],
"createdAt": "2024-10-29", "createdAt": "2024-10-29",
"updatedAt": "2024-11-03", "updatedAt": "2024-11-03",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/00aeb359-cce5-4eb5-8c5c-5f928a715664/preferences.json" "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/00aeb359-cce5-4eb5-8c5c-5f928a715664/preferences.json"
} }

View file

@ -1,7 +1,5 @@
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") { @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
.tab-icon-overlay:is([soundplaying], .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
[muted],
[activemedia-blocked]) {
display: none !important; display: none !important;
} }
.tab-icon-image { .tab-icon-image {

View file

@ -1,4 +1,3 @@
# Hide tab mute # Hide tab mute
Hides the "Mute"/"Unmute" button if the sidebar is collapsed. Hides the "Mute"/"Unmute" button if the sidebar is collapsed.

View file

@ -1,16 +1,14 @@
{ {
"id": "053a3ffa-9233-4554-88f3-076e6a6ebb43", "id": "053a3ffa-9233-4554-88f3-076e6a6ebb43",
"name": "Hide tab mute", "name": "Hide tab mute",
"description": "Hides the mute/unmute button when the sidebar is collapsed to make clicking on tabs easier.", "description": "Hides the mute/unmute button when the sidebar is collapsed to make clicking on tabs easier.",
"homepage": "", "homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/053a3ffa-9233-4554-88f3-076e6a6ebb43/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/053a3ffa-9233-4554-88f3-076e6a6ebb43/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/053a3ffa-9233-4554-88f3-076e6a6ebb43/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/053a3ffa-9233-4554-88f3-076e6a6ebb43/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/053a3ffa-9233-4554-88f3-076e6a6ebb43/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/053a3ffa-9233-4554-88f3-076e6a6ebb43/image.png",
"author": "Tc-001", "author": "Tc-001",
"version": "1.0.1", "version": "1.0.1",
"tags": [ "tags": ["tabs"],
"tabs" "createdAt": "2024-08-21",
], "updatedAt": "2024-09-18"
"createdAt": "2024-08-21",
"updatedAt": "2024-09-18"
} }

View file

@ -1,36 +1,39 @@
/* Hidden Reset Button - Hide the reset button behind the tab icon unless hovered. */ /* Hidden Reset Button - Hide the reset button behind the tab icon unless hovered. */
.tab-icon-stack, .tab-reset-button { .tab-icon-stack,
transition: scale .2s cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity .1s ease-in-out, transform .3s cubic-bezier(0.175, 0.885, 0.320, 1.275); .tab-reset-button {
transition:
scale 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275),
opacity 0.1s ease-in-out,
transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
} }
.tab-reset-button { .tab-reset-button {
transform: rotate(-.5turn); transform: rotate(-0.5turn);
width: 24px !important; width: 24px !important;
margin: 0; margin: 0;
margin-right: -24px; margin-right: -24px;
order: -1; order: -1;
z-index: 1; z-index: 1;
opacity: 0; opacity: 0;
scale: .5; scale: 0.5;
overflow: hidden !important; overflow: hidden !important;
} }
.tab-reset-button:hover { .tab-reset-button:hover {
transform: rotate(0); transform: rotate(0);
opacity: 1; opacity: 1;
scale: 1; scale: 1;
} }
.tab-label-container { .tab-label-container {
padding-left: 6px; padding-left: 6px;
} }
.tab-icon-stack:has(~ .tab-reset-button:hover) { .tab-icon-stack:has(~ .tab-reset-button:hover) {
opacity: 0; opacity: 0;
scale: 0; scale: 0;
} }
.tab-content .tab-icon-stack { .tab-content .tab-icon-stack {
padding: 4px; padding: 4px;
width: 24px; width: 24px;
} }
.tab-icon-stack .tab-icon-image { .tab-icon-stack .tab-icon-image {
padding: 0; padding: 0;
margin: 0 !important; margin: 0 !important;
} }

View file

@ -1,3 +1,3 @@
# Hidden Reset Button # Hidden Reset Button
Hide the reset button behind the tab icon unless hovered. Hide the reset button behind the tab icon unless hovered.

View file

@ -1,14 +1,14 @@
{ {
"id": "0c3d77bf-44fc-47a6-a183-39205dfa5f7e", "id": "0c3d77bf-44fc-47a6-a183-39205dfa5f7e",
"name": "Hidden Reset Button", "name": "Hidden Reset Button",
"description": "Hide the reset button behind the tab icon unless hovered.", "description": "Hide the reset button behind the tab icon unless hovered.",
"homepage": "", "homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/image.png",
"author": "AlexCookieDev", "author": "AlexCookieDev",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-12-20", "createdAt": "2024-12-20",
"updatedAt": "2024-12-22" "updatedAt": "2024-12-22"
} }

View file

@ -1,22 +1,21 @@
:root { :root {
--zen-primary-color: #808080 !important; --zen-primary-color: #808080 !important;
} }
@media not (prefers-color-scheme: dark) { @media not (prefers-color-scheme: dark) {
:root { :root {
--zen-colors-primary: #D2D2D2 !important; --zen-colors-primary: #d2d2d2 !important;
--zen-colors-secondary: #D2D2D2 !important; --zen-colors-secondary: #d2d2d2 !important;
--zen-colors-tertiary: #FFFFFF !important; --zen-colors-tertiary: #ffffff !important;
--zen-colors-border: #DDDDDD !important; --zen-colors-border: #dddddd !important;
} }
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--zen-colors-primary: #373737 !important; --zen-colors-primary: #373737 !important;
--zen-colors-secondary: #373737 !important; --zen-colors-secondary: #373737 !important;
--zen-colors-tertiary: #171717 !important; --zen-colors-tertiary: #171717 !important;
--zen-colors-border: #202020 !important; --zen-colors-border: #202020 !important;
} }
} }

View file

@ -1,4 +1,3 @@
# Monochrome theme for [Zen Browser](https://github.com/zen-browser/desktop) # Monochrome theme for [Zen Browser](https://github.com/zen-browser/desktop)
There is no monochrome option in theme settings, so i created this theme. There is no monochrome option in theme settings, so i created this theme.

View file

@ -1,14 +1,14 @@
{ {
"id": "11d685eb-4515-4045-864b-0a50589f8a4d", "id": "11d685eb-4515-4045-864b-0a50589f8a4d",
"name": "Monochrome", "name": "Monochrome",
"description": "There is no monochrome option in theme settings, so i created this theme.", "description": "There is no monochrome option in theme settings, so i created this theme.",
"homepage": "https://github.com/antonsizikov/zen-browser-monochrome-theme", "homepage": "https://github.com/antonsizikov/zen-browser-monochrome-theme",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/11d685eb-4515-4045-864b-0a50589f8a4d/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/11d685eb-4515-4045-864b-0a50589f8a4d/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/11d685eb-4515-4045-864b-0a50589f8a4d/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/11d685eb-4515-4045-864b-0a50589f8a4d/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/11d685eb-4515-4045-864b-0a50589f8a4d/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/11d685eb-4515-4045-864b-0a50589f8a4d/image.png",
"author": "antonsizikov", "author": "antonsizikov",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-10-06", "createdAt": "2024-10-06",
"updatedAt": "2024-10-06" "updatedAt": "2024-10-06"
} }

View file

@ -1,14 +1,13 @@
scrollbox:nth-child(5) { scrollbox:nth-child(5) {
scrollbar-width: thin !important; scrollbar-width: thin !important;
} }
@media (-moz-bool-pref: "zen.view.sidebar-expanded") { @media (-moz-bool-pref: "zen.view.sidebar-expanded") {
scrollbox:nth-child(5) { scrollbox:nth-child(5) {
scrollbar-width: auto !important; scrollbar-width: auto !important;
} }
} }
#navigator-toolbox { #navigator-toolbox {
-moz-window-dragging: no-drag; /* Disables window dragging */ -moz-window-dragging: no-drag; /* Disables window dragging */
} }

View file

@ -1,4 +1,3 @@
# clickable Scrollbar in Sidebar # clickable Scrollbar in Sidebar
Makes Sidebar Scrollbar clickable Makes Sidebar Scrollbar clickable

View file

@ -1,14 +1,14 @@
{ {
"id": "1207efa9-fce4-439f-a673-9d3c0e4e8820", "id": "1207efa9-fce4-439f-a673-9d3c0e4e8820",
"name": "Clickable Scrollbar", "name": "Clickable Scrollbar",
"description": "Makes Sidebar Scrollbar clickable", "description": "Makes Sidebar Scrollbar clickable",
"homepage": "", "homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1207efa9-fce4-439f-a673-9d3c0e4e8820/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1207efa9-fce4-439f-a673-9d3c0e4e8820/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1207efa9-fce4-439f-a673-9d3c0e4e8820/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1207efa9-fce4-439f-a673-9d3c0e4e8820/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1207efa9-fce4-439f-a673-9d3c0e4e8820/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1207efa9-fce4-439f-a673-9d3c0e4e8820/image.png",
"author": "tahawael", "author": "tahawael",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-10-19", "createdAt": "2024-10-19",
"updatedAt": "2024-10-19" "updatedAt": "2024-10-19"
} }

View file

@ -1,6 +1,5 @@
#downloads-indicator-progress-outer::after { #downloads-indicator-progress-outer::after {
content: ''; content: "";
display: block; display: block;
position: absolute; position: absolute;
inset: 0; inset: 0;

View file

@ -1,3 +1,3 @@
# Download BG # Download BG
Add a background to the active download indicator. Add a background to the active download indicator.

View file

@ -1,14 +1,14 @@
{ {
"id": "13696593-837d-464d-adf4-ff13bd0e0545", "id": "13696593-837d-464d-adf4-ff13bd0e0545",
"name": "Download BG", "name": "Download BG",
"description": "Add a background to the active download indicator.", "description": "Add a background to the active download indicator.",
"homepage": "https://github.com/different55/download.bg", "homepage": "https://github.com/different55/download.bg",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/13696593-837d-464d-adf4-ff13bd0e0545/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/13696593-837d-464d-adf4-ff13bd0e0545/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/13696593-837d-464d-adf4-ff13bd0e0545/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/13696593-837d-464d-adf4-ff13bd0e0545/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/13696593-837d-464d-adf4-ff13bd0e0545/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/13696593-837d-464d-adf4-ff13bd0e0545/image.png",
"author": "different55", "author": "different55",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-12-29", "createdAt": "2024-12-29",
"updatedAt": "2024-12-31" "updatedAt": "2024-12-31"
} }

View file

@ -1,7 +1,7 @@
/* This is an auto generated color theme. */ /* This is an auto generated color theme. */
:root { :root {
--zen-colors-primary: #FDC797 !important; --zen-colors-primary: #fdc797 !important;
--zen-colors-secondary: #FFFFFF25 !important; --zen-colors-secondary: #ffffff25 !important;
--zen-colors-tertiary: #101010 !important; --zen-colors-tertiary: #101010 !important;
--zen-colors-border: #282828 !important; --zen-colors-border: #282828 !important;
} }

View file

@ -1,7 +1,7 @@
{ {
"isDarkMode": true, "isDarkMode": true,
"primaryColor": "#FDC797", "primaryColor": "#FDC797",
"secondaryColor": "#FFFFFF25", "secondaryColor": "#FFFFFF25",
"tertiaryColor": "#101010", "tertiaryColor": "#101010",
"colorsBorder": "#282828" "colorsBorder": "#282828"
} }

View file

@ -1,4 +1,3 @@
# Vesper # Vesper
Peppermint and orange flavored dark theme for Zen broser. This theme makes use of a wise selection of orange and dark colors to create a visually appealing and easy-to-read theme. Peppermint and orange flavored dark theme for Zen broser. This theme makes use of a wise selection of orange and dark colors to create a visually appealing and easy-to-read theme.

View file

@ -1,19 +1,16 @@
{ {
"id": "17f70712-4530-42d0-ba0f-fa25bcbf2ddc", "id": "17f70712-4530-42d0-ba0f-fa25bcbf2ddc",
"name": "Vesper Dark", "name": "Vesper Dark",
"description": "Pepermint and orange flavored dark theme for Zen browser.", "description": "Pepermint and orange flavored dark theme for Zen browser.",
"homepage": "", "homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/17f70712-4530-42d0-ba0f-fa25bcbf2ddc/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/17f70712-4530-42d0-ba0f-fa25bcbf2ddc/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/17f70712-4530-42d0-ba0f-fa25bcbf2ddc/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/17f70712-4530-42d0-ba0f-fa25bcbf2ddc/readme.md",
"image": "https://i.imgur.com/SmQiVq7.png", "image": "https://i.imgur.com/SmQiVq7.png",
"author": "bdsqqq", "author": "bdsqqq",
"version": "1.0.1", "version": "1.0.1",
"isDarkMode": true, "isDarkMode": true,
"isColorTheme": true, "isColorTheme": true,
"tags": [ "tags": ["color scheme", "dark"],
"color scheme", "createdAt": "2024-08-22",
"dark" "updatedAt": "2024-09-03"
],
"createdAt": "2024-08-22",
"updatedAt": "2024-09-03"
} }

View file

@ -12,7 +12,8 @@
border-radius: var(--uc-contextmenu-menuitem-border-radius) !important; border-radius: var(--uc-contextmenu-menuitem-border-radius) !important;
} }
.titlebar-max, .titlebar-restore { .titlebar-max,
.titlebar-restore {
padding-left: 10px !important; padding-left: 10px !important;
padding-right: 10px !important; padding-right: 10px !important;
margin-left: 5px !important; margin-left: 5px !important;

View file

@ -1,4 +1,3 @@
# TitleBarButton UI Tweaks # TitleBarButton UI Tweaks
Thank to this theme, the titlebar buttons (minimize, maximize and close) are more coherent with the Zen Browser design philosophy, with smaller buttons, rounded borders and accent colors that fit the browser's appearance. Thank to this theme, the titlebar buttons (minimize, maximize and close) are more coherent with the Zen Browser design philosophy, with smaller buttons, rounded borders and accent colors that fit the browser's appearance.

View file

@ -1,14 +1,14 @@
{ {
"id": "180d9426-a020-4bd7-98ec-63f957291119", "id": "180d9426-a020-4bd7-98ec-63f957291119",
"name": "TitleBarButton UI Tweaks", "name": "TitleBarButton UI Tweaks",
"description": "Small UI tweaks to the titlebar buttons to make them more coherent with the Zen Browser design philosophy.", "description": "Small UI tweaks to the titlebar buttons to make them more coherent with the Zen Browser design philosophy.",
"homepage": "", "homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/180d9426-a020-4bd7-98ec-63f957291119/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/180d9426-a020-4bd7-98ec-63f957291119/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/180d9426-a020-4bd7-98ec-63f957291119/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/180d9426-a020-4bd7-98ec-63f957291119/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/180d9426-a020-4bd7-98ec-63f957291119/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/180d9426-a020-4bd7-98ec-63f957291119/image.png",
"author": "DaitiDay", "author": "DaitiDay",
"version": "1.0.1", "version": "1.0.1",
"tags": [], "tags": [],
"createdAt": "2024-09-18", "createdAt": "2024-09-18",
"updatedAt": "2024-10-19" "updatedAt": "2024-10-19"
} }

View file

@ -1,4 +1,3 @@
#unified-extensions-view box.panel-header, #unified-extensions-view box.panel-header,
#unified-extensions-description, #unified-extensions-description,
#unified-extensions-messages-container { #unified-extensions-messages-container {

View file

@ -1,4 +1,3 @@
Default Unified Extension Menu in Zen has lengthy description which added extra width on it. This theme will remove the Extension header and description, results on efficient panel size. Default Unified Extension Menu in Zen has lengthy description which added extra width on it. This theme will remove the Extension header and description, results on efficient panel size.
[Go here if you want to submit issue related to this theme](https://github.com/KiKaraage/ArcWTF/issues/new?assignees=KiKaraage&labels=Zen+Themes&projects=&template=zen-browser-theme-issue.md&title=%5BZBT%5D+) [Go here if you want to submit issue related to this theme](https://github.com/KiKaraage/ArcWTF/issues/new?assignees=KiKaraage&labels=Zen+Themes&projects=&template=zen-browser-theme-issue.md&title=%5BZBT%5D+)

View file

@ -1,14 +1,14 @@
{ {
"id": "1e86cf37-a127-4f24-b919-d265b5ce29a0", "id": "1e86cf37-a127-4f24-b919-d265b5ce29a0",
"name": "Cleaner Extension Menu", "name": "Cleaner Extension Menu",
"description": "Remove header and reduce width of the Unified Extension Menu in Zen", "description": "Remove header and reduce width of the Unified Extension Menu in Zen",
"homepage": "", "homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/image.png",
"author": "KiKaraage", "author": "KiKaraage",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-09-03", "createdAt": "2024-09-03",
"updatedAt": "2024-09-03" "updatedAt": "2024-09-03"
} }

View file

@ -1,6 +1,9 @@
.browserContainer { .browserContainer {
background: linear-gradient(90deg, var(--zen-colors-secondary) 0%, var(--zen-colors-primary) 100%); background: linear-gradient(
90deg,
var(--zen-colors-secondary) 0%,
var(--zen-colors-primary) 100%
);
} }
stack > browser { stack > browser {

View file

@ -1,4 +1,3 @@
## Better Letterboxing ## Better Letterboxing
Makes letterboxing look better by rounding the browser corners and adding a slight gradient to the background to make it feel more Tor-like. Makes letterboxing look better by rounding the browser corners and adding a slight gradient to the background to make it feel more Tor-like.

View file

@ -1,14 +1,14 @@
{ {
"id": "1e9f3101-210b-4ff5-8830-434e4919100d", "id": "1e9f3101-210b-4ff5-8830-434e4919100d",
"name": "Better Letterboxing", "name": "Better Letterboxing",
"description": "More pleasant, theme-friendly, and most importantly, rounded letterboxing.", "description": "More pleasant, theme-friendly, and most importantly, rounded letterboxing.",
"homepage": "", "homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e9f3101-210b-4ff5-8830-434e4919100d/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e9f3101-210b-4ff5-8830-434e4919100d/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e9f3101-210b-4ff5-8830-434e4919100d/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e9f3101-210b-4ff5-8830-434e4919100d/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e9f3101-210b-4ff5-8830-434e4919100d/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e9f3101-210b-4ff5-8830-434e4919100d/image.png",
"author": "qtchaos", "author": "qtchaos",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-08-28", "createdAt": "2024-08-28",
"updatedAt": "2024-08-28" "updatedAt": "2024-08-28"
} }

View file

@ -1,120 +1,116 @@
[ [
{ {
"property": "uc.theme.bold-text-enable.enabled", "property": "uc.theme.bold-text-enable.enabled",
"label": "Make numbers Bold", "label": "Make numbers Bold",
"type": "checkbox", "type": "checkbox",
"disabledOn": [] "disabledOn": []
}, },
{ {
"property": "uc.theme.font_size", "property": "uc.theme.font_size",
"label": "Select the Size for tab numbers", "label": "Select the Size for tab numbers",
"type": "dropdown", "type": "dropdown",
"defaultValue": "Medium", "defaultValue": "Medium",
"options": [ "options": [
{ {
"label": "Extra Small", "label": "Extra Small",
"value": "XSmall" "value": "XSmall"
}, },
{ {
"label": "Small", "label": "Small",
"value": "Small" "value": "Small"
}, },
{ {
"label": "Medium (default)", "label": "Medium (default)",
"value": "Medium" "value": "Medium"
}, },
{ {
"label": "Large", "label": "Large",
"value": "Large" "value": "Large"
}, },
{ {
"label": "Extra Large", "label": "Extra Large",
"value": "XLarge" "value": "XLarge"
} }
] ]
}, },
{ {
"property": "uc.theme.background_shape", "property": "uc.theme.background_shape",
"label": "Select the Shape for the tab number background", "label": "Select the Shape for the tab number background",
"type": "dropdown", "type": "dropdown",
"defaultValue": "ModeratelyRounded", "defaultValue": "ModeratelyRounded",
"options": [ "options": [
{ {
"label": "Square", "label": "Square",
"value": "Square" "value": "Square"
}, },
{ {
"label": "Slightly Rounded Square", "label": "Slightly Rounded Square",
"value": "SlightlyRounded" "value": "SlightlyRounded"
}, },
{ {
"label": "Moderately Rounded Square (default)", "label": "Moderately Rounded Square (default)",
"value": "ModeratelyRounded" "value": "ModeratelyRounded"
}, },
{ {
"label": "Fully Rounded Square", "label": "Fully Rounded Square",
"value": "FullyRounded" "value": "FullyRounded"
}, },
{ {
"label": "Perfect Circle", "label": "Perfect Circle",
"value": "Circle" "value": "Circle"
} }
] ]
}, },
{ {
"property": "uc.theme.custom_color_enabled", "property": "uc.theme.custom_color_enabled",
"label": "(!) Press to enable custom colors (!)", "label": "(!) Press to enable custom colors (!)",
"type": "checkbox", "type": "checkbox",
"disabledOn": [] "disabledOn": []
}, },
{ {
"property": "uc.theme.number_color", "property": "uc.theme.number_color",
"label": "Hex Code of Custom Text Color (first enable the above checkbox)", "label": "Hex Code of Custom Text Color (first enable the above checkbox)",
"placeholder": "eg. #ff0000", "placeholder": "eg. #ff0000",
"type": "string", "type": "string",
"disabledOn": [ "disabledOn": ["!uc.theme.custom_color_enabled"]
"!uc.theme.custom_color_enabled" },
] {
}, "property": "uc.theme.number_background_color",
{ "label": "Hex Code of Custom Background Color (first enable the above checkbox)",
"property": "uc.theme.number_background_color", "placeholder": "eg. #ff0000",
"label": "Hex Code of Custom Background Color (first enable the above checkbox)", "type": "string",
"placeholder": "eg. #ff0000", "disabledOn": ["!uc.theme.custom_color_enabled"]
"type": "string", },
"disabledOn": [ {
"!uc.theme.custom_color_enabled" "property": "uc.theme.compact_side",
] "label": "Side of the tab numbers when tabs are Compact",
}, "type": "dropdown",
{ "defaultValue": "Right",
"property": "uc.theme.compact_side", "options": [
"label": "Side of the tab numbers when tabs are Compact", {
"type": "dropdown", "label": "Right (default)",
"defaultValue": "Right", "value": "Right"
"options": [ },
{ {
"label": "Right (default)", "label": "Left",
"value": "Right" "value": "Left"
}, }
{ ]
"label": "Left", },
"value": "Left" {
} "property": "uc.theme.expanded_side",
] "label": "Side of the tab numbers when tabs are Expanded",
}, "type": "dropdown",
{ "defaultValue": "Right",
"property": "uc.theme.expanded_side", "options": [
"label": "Side of the tab numbers when tabs are Expanded", {
"type": "dropdown", "label": "Right (default)",
"defaultValue": "Right", "value": "Right"
"options": [ },
{ {
"label": "Right (default)", "label": "Left",
"value": "Right" "value": "Left"
}, }
{ ]
"label": "Left", }
"value": "Left"
}
]
}
] ]

View file

@ -1,17 +1,15 @@
{ {
"id": "22c9ec3b-7c62-46ae-991f-c8fff5046829", "id": "22c9ec3b-7c62-46ae-991f-c8fff5046829",
"name": "Tab Numbers", "name": "Tab Numbers",
"description": "Shows the Number corresponding to each Tab.", "description": "Shows the Number corresponding to each Tab.",
"homepage": "https://github.com/philmard/tab-numbers", "homepage": "https://github.com/philmard/tab-numbers",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/image.png",
"author": "philmard", "author": "philmard",
"version": "1.0.4", "version": "1.0.4",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/preferences.json", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/preferences.json",
"tags": [ "tags": ["tabs"],
"tabs" "createdAt": "2024-11-09",
], "updatedAt": "2025-01-25"
"createdAt": "2024-11-09",
"updatedAt": "2025-01-25"
} }

View file

@ -1,40 +1,43 @@
#tabbrowser-tabs[orient='vertical'] #tabbrowser-tabs[orient="vertical"]
.tabbrowser-tab .tabbrowser-tab
.tab-icon-overlay:not([crashed]) { .tab-icon-overlay:not([crashed]) {
&:is([soundplaying], [muted], [activemedia-blocked]) { &:is([soundplaying], [muted], [activemedia-blocked]) {
background-color: #161717 !important; background-color: #161717 !important;
border: 1px solid #ffffff29 !important; border: 1px solid #ffffff29 !important;
transition: transform 100ms ease-in-out, background-color 100ms ease-in-out; transition:
transform 100ms ease-in-out,
background-color 100ms ease-in-out;
&:hover { &:hover {
transition: transform 100ms ease-in-out, transition:
background-color 100ms ease-in-out !important; transform 100ms ease-in-out,
transform: scale(1.3) translate(-8%, 14%); background-color 100ms ease-in-out !important;
transform-origin: center !important; transform: scale(1.3) translate(-8%, 14%);
} transform-origin: center !important;
} }
}
&[muted] { &[muted] {
/* Different background color when muted */ /* Different background color when muted */
background-color: rgb(122, 31, 31) !important; background-color: rgb(122, 31, 31) !important;
/* Revert old icon */ /* Revert old icon */
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg") !important; background-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg") !important;
} }
&[soundplaying] { &[soundplaying] {
/* Revert old icon */ /* Revert old icon */
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg") !important; background-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg") !important;
} }
&[activemedia-blocked] { &[activemedia-blocked] {
/* Revert old icon */ /* Revert old icon */
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-small.svg") !important; background-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-small.svg") !important;
} }
/* Revert new, zen's audio indicator */ /* Revert new, zen's audio indicator */
&[muted], &[muted],
&[soundplaying] { &[soundplaying] {
list-style-image: none !important; list-style-image: none !important;
} }
} }

View file

@ -1,4 +1,3 @@
Enhanced audio indicator on tabs, visible when playing videos. Enhanced audio indicator on tabs, visible when playing videos.
Currently, mod is tailored to dark theme. Currently, mod is tailored to dark theme.

View file

@ -1,14 +1,14 @@
{ {
"id": "2317fd93-c3ed-4f37-b55a-304c1816819e", "id": "2317fd93-c3ed-4f37-b55a-304c1816819e",
"name": "Audio Indicator Enhanced", "name": "Audio Indicator Enhanced",
"description": "Enhanced audio indicator, with more polished style", "description": "Enhanced audio indicator, with more polished style",
"homepage": "https://github.com/Kaedriz/ZenMods/tree/main/AudioIndicatorEnhanced", "homepage": "https://github.com/Kaedriz/ZenMods/tree/main/AudioIndicatorEnhanced",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2317fd93-c3ed-4f37-b55a-304c1816819e/image.png",
"author": "Kaedriz", "author": "Kaedriz",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-12-06", "createdAt": "2024-12-06",
"updatedAt": "2025-01-25" "updatedAt": "2025-01-25"
} }

View file

@ -1,4 +1,3 @@
window.sidebar-panel { window.sidebar-panel {
background-color: var(--zen-themed-toolbar-bg) !important; background-color: var(--zen-themed-toolbar-bg) !important;
} }
@ -35,14 +34,14 @@ button#viewButton:hover:active {
background-color: var(--zen-colors-border) !important; background-color: var(--zen-colors-border) !important;
} }
#sidebar-box[sidebarcommand=viewHistorySidebar] #sidebar-header { #sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header {
border-bottom: 0px !important; border-bottom: 0px !important;
} }
#sidebar-box[sidebarcommand="viewHistorySidebar"] { #sidebar-box[sidebarcommand="viewHistorySidebar"] {
background-color: var(--zen-themed-toolbar-bg) !important; background-color: var(--zen-themed-toolbar-bg) !important;
border-radius: var(--zen-border-radius); border-radius: var(--zen-border-radius);
box-shadow: 0 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
border: 1px solid var(--zen-colors-border); border: 1px solid var(--zen-colors-border);
padding: var(--zen-toolbox-padding) !important; padding: var(--zen-toolbox-padding) !important;
position: fixed; position: fixed;
@ -55,12 +54,12 @@ button#viewButton:hover:active {
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
} }
#sidebar-box[hidden=true][sidebarcommand="viewHistorySidebar"] { #sidebar-box[hidden="true"][sidebarcommand="viewHistorySidebar"] {
display: flex !important; display: flex !important;
opacity: 0 !important; opacity: 0 !important;
transform: translateX(105%); transform: translateX(105%);
} }
#sidebar-box[checked=true][sidebarcommand="viewHistorySidebar"] { #sidebar-box[checked="true"][sidebarcommand="viewHistorySidebar"] {
transform: translateX(0); transform: translateX(0);
} }

View file

@ -1,3 +1,3 @@
# Floating-History # Floating-History
A Zen browser mod for a detached and redesigned history sidebar, so that it appears to float on the left side and match the zen aesthetic. A Zen browser mod for a detached and redesigned history sidebar, so that it appears to float on the left side and match the zen aesthetic.

View file

@ -1,13 +1,13 @@
{ {
"id": "253a3a74-0cc4-47b7-8b82-996a64f030d5", "id": "253a3a74-0cc4-47b7-8b82-996a64f030d5",
"name": "Floating History", "name": "Floating History",
"description": "Detaches and moves a redesgined history sidebar to the left so that it appears to float and matches the zen aesthetic.", "description": "Detaches and moves a redesgined history sidebar to the left so that it appears to float and matches the zen aesthetic.",
"homepage": "https://github.com/ahmaadaziz/zen-floating-history", "homepage": "https://github.com/ahmaadaziz/zen-floating-history",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/253a3a74-0cc4-47b7-8b82-996a64f030d5/image.png",
"author": "ahmaadaziz", "author": "ahmaadaziz",
"createdAt": "2024-10-12", "createdAt": "2024-10-12",
"updatedAt": "2024-10-12", "updatedAt": "2024-10-12",
"version": "1.0.0" "version": "1.0.0"
} }

View file

@ -1,23 +1,23 @@
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") { @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
.tabbrowser-tab:is([soundplaying], [muted]) { .tabbrowser-tab:is([soundplaying], [muted]) {
& .tab-background::after { & .tab-background::after {
content:''; content: "";
position: absolute; position: absolute;
width: 4px !important; width: 4px !important;
border-radius: 4px !important; border-radius: 4px !important;
height: 66.66% !important; height: 66.66% !important;
top: 50%; top: 50%;
left: calc(100% - 4px) !important; left: calc(100% - 4px) !important;
transform: translateY(-50%); transform: translateY(-50%);
background-color: var(--zen-primary-color) !important; background-color: var(--zen-primary-color) !important;
} }
&:not([selected='true']) .tab-background::after{ &:not([selected="true"]) .tab-background::after {
height: 33.33% !important; height: 33.33% !important;
} }
&:not([selected='true']):hover .tab-background::after{ &:not([selected="true"]):hover .tab-background::after {
height: 66.66% !important; height: 66.66% !important;
} }
} }
} }

View file

@ -1,9 +1,9 @@
# Now playing indicator # Now playing indicator
Display an indicator on the 'Now playing' tab when the sidebar is collapsed. This is helpful if you've installed the 'Hide tab mute' Zen browser theme and want to quickly identify which tab is currently playing sound. Display an indicator on the 'Now playing' tab when the sidebar is collapsed. This is helpful if you've installed the 'Hide tab mute' Zen browser theme and want to quickly identify which tab is currently playing sound.
**In version 1.2.1:** **In version 1.2.1:**
- Fixed issue with YT video opened in new tab and the indicator shows up, hence the video is not playing. - Fixed issue with YT video opened in new tab and the indicator shows up, hence the video is not playing.
--- ---

View file

@ -1,16 +1,14 @@
{ {
"id": "2e3369c7-e450-46ba-8794-75ccb0de5e48", "id": "2e3369c7-e450-46ba-8794-75ccb0de5e48",
"name": "Now playing indicator", "name": "Now playing indicator",
"description": "Display an indicator on the 'Now playing' tab when the sidebar is collapsed.", "description": "Display an indicator on the 'Now playing' tab when the sidebar is collapsed.",
"homepage": "https://github.com/benstone326/zen-browser-now-playing-indicator", "homepage": "https://github.com/benstone326/zen-browser-now-playing-indicator",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2e3369c7-e450-46ba-8794-75ccb0de5e48/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2e3369c7-e450-46ba-8794-75ccb0de5e48/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2e3369c7-e450-46ba-8794-75ccb0de5e48/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2e3369c7-e450-46ba-8794-75ccb0de5e48/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2e3369c7-e450-46ba-8794-75ccb0de5e48/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/2e3369c7-e450-46ba-8794-75ccb0de5e48/image.png",
"author": "benstone326", "author": "benstone326",
"version": "1.2.1", "version": "1.2.1",
"tags": [ "tags": ["tabs"],
"tabs" "createdAt": "2024-08-28",
], "updatedAt": "2024-10-19"
"createdAt": "2024-08-28",
"updatedAt": "2024-10-19"
} }

View file

@ -1,4 +1,3 @@
#statuspanel { #statuspanel {
margin: var(--theme-customstatusbar-margin) !important; margin: var(--theme-customstatusbar-margin) !important;
} }
@ -6,7 +5,8 @@
#statuspanel-label { #statuspanel-label {
border-radius: var(--theme-customstatusbar-radius) !important; border-radius: var(--theme-customstatusbar-radius) !important;
padding: 2px 10px !important; padding: 2px 10px !important;
border: var(--theme-customstatusbar-border_thickness) solid var(--theme-customstatusbar-color_border) !important; border: var(--theme-customstatusbar-border_thickness) solid
var(--theme-customstatusbar-color_border) !important;
background: var(--theme-customstatusbar-color_background) !important; background: var(--theme-customstatusbar-color_background) !important;
color: var(--theme-customstatusbar-text_color) !important; /* Text color */ color: var(--theme-customstatusbar-text_color) !important; /* Text color */
} }

View file

@ -1,50 +1,50 @@
[ [
{ {
"property": "theme.customstatusbar.radius", "property": "theme.customstatusbar.radius",
"label": "Round the corners. (default: 1000px)", "label": "Round the corners. (default: 1000px)",
"type": "string", "type": "string",
"defaultValue": "1000px", "defaultValue": "1000px",
"placeholder": "1000px", "placeholder": "1000px",
"disabledOn": [] "disabledOn": []
}, },
{ {
"property": "theme.customstatusbar.margin", "property": "theme.customstatusbar.margin",
"label": "Set the margin. (default: 8px)", "label": "Set the margin. (default: 8px)",
"type": "string", "type": "string",
"defaultValue": "8px", "defaultValue": "8px",
"placeholder": "8px", "placeholder": "8px",
"disabledOn": [] "disabledOn": []
}, },
{ {
"property": "theme.customstatusbar.border_thickness", "property": "theme.customstatusbar.border_thickness",
"label": "Set the thickness of the border. '2px'", "label": "Set the thickness of the border. '2px'",
"type": "string", "type": "string",
"defaultValue": "2px", "defaultValue": "2px",
"placeholder": "2px", "placeholder": "2px",
"disabledOn": [] "disabledOn": []
}, },
{ {
"property": "theme.customstatusbar.color_border", "property": "theme.customstatusbar.color_border",
"label": "Set the border color. '#0e03ad' or 'var(--zen-colors-border)'", "label": "Set the border color. '#0e03ad' or 'var(--zen-colors-border)'",
"type": "string", "type": "string",
"defaultValue": "var(--zen-colors-border)", "defaultValue": "var(--zen-colors-border)",
"placeholder": "var(--zen-colors-border)", "placeholder": "var(--zen-colors-border)",
"disabledOn": [] "disabledOn": []
}, },
{ {
"property": "theme.customstatusbar.color_background", "property": "theme.customstatusbar.color_background",
"label": "Set the background color. '#a403ad' or 'var(--zen-colors-tertiary)'", "label": "Set the background color. '#a403ad' or 'var(--zen-colors-tertiary)'",
"type": "string", "type": "string",
"defaultValue": "var(--zen-colors-tertiary)", "defaultValue": "var(--zen-colors-tertiary)",
"placeholder": "var(--zen-colors-tertiary)", "placeholder": "var(--zen-colors-tertiary)",
"disabledOn": [] "disabledOn": []
}, },
{ {
"property": "theme.customstatusbar.text_color", "property": "theme.customstatusbar.text_color",
"label": "Set the text color. '#a403ad' or 'var(--lwt-text-color)'", "label": "Set the text color. '#a403ad' or 'var(--lwt-text-color)'",
"type": "string", "type": "string",
"defaultValue": "var(--lwt-text-color)", "defaultValue": "var(--lwt-text-color)",
"placeholder": "var(--lwt-text-color)", "placeholder": "var(--lwt-text-color)",
"disabledOn": [] "disabledOn": []
} }
] ]

View file

@ -1,11 +1,12 @@
# Usage example # Usage example
- You can customize the margin: "8px"
- You can customize the edgerounding: "100px" - You can customize the margin: "8px"
- You can customize the border-thickness "1px" - You can customize the edgerounding: "100px"
- You can customize the text, boder and background color: "#0e03ad" - You can customize the border-thickness "1px"
- You can customize the text, boder and background color: "#0e03ad"
## Custom colors ## Custom colors
You can use HEX: "#0e03ad" You can use HEX: "#0e03ad"
If you want transparency use rgba: "rgba(138, 8, 203, 0.5)" If you want transparency use rgba: "rgba(138, 8, 203, 0.5)"
@ -17,9 +18,10 @@ You can also use your theme colors: "var(--zen-colors-border)"
Do not enter >""< just inside >#0e03ad< Do not enter >""< just inside >#0e03ad<
## Settings (checkbox in Zens Mod settings): ## Settings (checkbox in Zens Mod settings):
- Set the margin (default "8px")
- Set the edgerounding (default "100px") - Set the margin (default "8px")
- Set the border-thickness (default "1px") - Set the edgerounding (default "100px")
- Set the text-color (default "var(--lwt-text-color)") - Set the border-thickness (default "1px")
- Set the border-color (default "var(--zen-colors-border)") - Set the text-color (default "var(--lwt-text-color)")
- Set the background-color (default "var(--zen-colors-tertiary)") - Set the border-color (default "var(--zen-colors-border)")
- Set the background-color (default "var(--zen-colors-tertiary)")

View file

@ -1,15 +1,15 @@
{ {
"id": "32aca67a-ffdd-49e7-95c7-1821793610ca", "id": "32aca67a-ffdd-49e7-95c7-1821793610ca",
"name": "Custom Statusbar", "name": "Custom Statusbar",
"description": "This Mod allows you to adjust the rounding, margin, border thickness and any color of the statusbar.", "description": "This Mod allows you to adjust the rounding, margin, border thickness and any color of the statusbar.",
"homepage": "https://github.com/Archer7x/Zen-Themes/tree/main/CustomStatusbar", "homepage": "https://github.com/Archer7x/Zen-Themes/tree/main/CustomStatusbar",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/image.png",
"author": "Archer7x", "author": "Archer7x",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-11-19", "createdAt": "2024-11-19",
"updatedAt": "2024-11-23", "updatedAt": "2024-11-23",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/preferences.json" "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/preferences.json"
} }

View file

@ -1,26 +1,26 @@
[ [
{ {
"property": "uc.theme.comptitle-one-char-title.enabled", "property": "uc.theme.comptitle-one-char-title.enabled",
"label": "Shorter title (1 character)", "label": "Shorter title (1 character)",
"type": "checkbox", "type": "checkbox",
"disabledOn": [] "disabledOn": []
}, },
{ {
"property": "uc.theme.comptitle-three-char-title.enabled", "property": "uc.theme.comptitle-three-char-title.enabled",
"label": "Longer title (3 characters)", "label": "Longer title (3 characters)",
"type": "checkbox", "type": "checkbox",
"disabledOn": [] "disabledOn": []
}, },
{ {
"property": "uc.theme.comptitle-enable-pinned.enabled", "property": "uc.theme.comptitle-enable-pinned.enabled",
"label": "Enable in pinned tabs", "label": "Enable in pinned tabs",
"type": "checkbox", "type": "checkbox",
"disabledOn": [] "disabledOn": []
}, },
{ {
"property": "uc.theme.comptitle-default-text.enabled", "property": "uc.theme.comptitle-default-text.enabled",
"label": "More contrast-y text, may be harder to look at", "label": "More contrast-y text, may be harder to look at",
"type": "checkbox", "type": "checkbox",
"disabledOn": [] "disabledOn": []
} }
] ]

View file

@ -1,4 +1,3 @@
# Compact tabs title # Compact tabs title
Shows the first few characters of the tab even if compact mode is on. Shows the first few characters of the tab even if compact mode is on.

View file

@ -1,17 +1,15 @@
{ {
"id": "35f24f2c-b211-43e2-9fe4-2c3bc217d9f7", "id": "35f24f2c-b211-43e2-9fe4-2c3bc217d9f7",
"name": "Compact tabs title", "name": "Compact tabs title",
"description": "Show the first few title characters even in compact mode", "description": "Show the first few title characters even in compact mode",
"homepage": "", "homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/image.png",
"author": "Tc-001", "author": "Tc-001",
"version": "1.0.0", "version": "1.0.0",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/preferences.json", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/preferences.json",
"tags": [ "tags": ["tabs"],
"tabs" "createdAt": "2024-08-28",
], "updatedAt": "2024-09-07"
"createdAt": "2024-08-28",
"updatedAt": "2024-09-07"
} }

View file

@ -1,94 +1,62 @@
html {
html { --sidebery-width: 40px;
--sidebery-width: 40px; --sidebery-hidden-width: 10px;
--sidebery-hidden-width: 10px; --sidebery-open-width: 250px;
--sidebery-open-width: 250px; --sidebery-border-color: color-mix(
--sidebery-border-color: color-mix(in srgb, var(--sidebar-border-color) 60%, transparent); in srgb,
--sidebery-background-color: var(--zen-colors-tertiary); var(--sidebar-border-color) 60%,
--lwt-sidebar-background-color: var(--zen-colors-tertiary); transparent
--sidebar-background-color: var(--zen-colors-tertiary); );
--tabbrowser-padding: var(--zen-element-separation); --sidebery-background-color: var(--zen-colors-tertiary);
--lwt-sidebar-background-color: var(--zen-colors-tertiary);
--sidebar-background-color: var(--zen-colors-tertiary);
--tabbrowser-padding: var(--zen-element-separation);
}
#sidebar-splitter {
margin: 0 -2px 0 -2px !important;
}
#sidebar-box {
background-color: var(--zen-colors-tertiary) !important;
left: calc(var(--zen-element-separation));
border: 1px solid var(--sidebery-border-color) !important;
margin-left: 0 !important;
margin-right: var(--zen-element-separation) !important;
}
#sidebar-header {
padding: var(--zen-element-separation) !important;
border-color: var(--sidebery-border-color) !important;
font-size: 1em !important;
border-width: 1px !important;
}
#tabbrowser-tabbox {
padding-left: var(--tabbrowser-padding) !important;
}
@media (-moz-bool-pref: "theme.sidebery.hide-zen-tabbar") {
#navigator-toolbox {
position: absolute;
left: -100%;
} }
#sidebar-splitter { #zen-sidebar-splitter {
margin: 0 -2px 0 -2px !important;
}
#sidebar-box {
background-color: var(--zen-colors-tertiary) !important;
left: calc(var(--zen-element-separation));
border: 1px solid var(--sidebery-border-color) !important;
margin-left: 0 !important;
margin-right: var(--zen-element-separation) !important;
}
#sidebar-header {
padding: var(--zen-element-separation) !important;
border-color: var(--sidebery-border-color) !important;
font-size: 1em !important;
border-width: 1px !important;
}
#tabbrowser-tabbox {
padding-left: var(--tabbrowser-padding) !important;
}
@media (-moz-bool-pref: 'theme.sidebery.hide-zen-tabbar') {
#navigator-toolbox {
position: absolute;
left: -100%;
}
#zen-sidebar-splitter {
display: none;
}
}
@media (-moz-bool-pref: 'theme.sidebery.hide-zen-tabbar') and (-moz-bool-pref: 'theme.sidebery.compact-view') {
#sidebar-box {
border-left-width: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
}
@media (-moz-bool-pref: 'theme.sidebery.compact-view') {
#tabbrowser-tabbox {
--tabbrowser-padding: calc(var(--sidebery-width) + var(--zen-element-separation));
}
#sidebar-splitter {
display: none;
}
#sidebar-box {
z-index: 2;
position: absolute;
left: 0 !important;
top: 1px;
bottom: 1px;
box-shadow: none !important;
min-width: var(--sidebery-width) !important;
width: var(--sidebery-width) !important;
}
#sidebar-box:hover {
transition: width 150ms;
transition-delay: 50ms;
background-color: var(--zen-colors-tertiary) !important;
border-color: var(--zen-colors-border) !important;
width: var(--sidebery-open-width) !important;
}
#sidebar-box #sidebar-header {
display: none !important;
}
#sidebar-box #sidebar {
margin-left: var(--zen-element-separation) !important;
}
}
:root:has(#theme-Sidebery[theme-sidebery-layout=auto-hide]),
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) {
--sidebery-width: var(--sidebery-hidden-width);
}
:root:has(#theme-Sidebery[theme-sidebery-layout=auto-hide]) #tabbrowser-tabbox,
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) #tabbrowser-tabbox {
--tabbrowser-padding: calc(var(--sidebery-width) + var(--zen-element-separation));
}
:root:has(#theme-Sidebery[theme-sidebery-layout=auto-hide]) #sidebar-splitter,
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) #sidebar-splitter {
display: none; display: none;
} }
:root:has(#theme-Sidebery[theme-sidebery-layout=auto-hide]) #sidebar-box, }
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) #sidebar-box { @media (-moz-bool-pref: "theme.sidebery.hide-zen-tabbar") and (-moz-bool-pref: "theme.sidebery.compact-view") {
#sidebar-box {
border-left-width: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
}
@media (-moz-bool-pref: "theme.sidebery.compact-view") {
#tabbrowser-tabbox {
--tabbrowser-padding: calc(
var(--sidebery-width) + var(--zen-element-separation)
);
}
#sidebar-splitter {
display: none;
}
#sidebar-box {
z-index: 2; z-index: 2;
position: absolute; position: absolute;
left: 0 !important; left: 0 !important;
@ -98,66 +66,144 @@
min-width: var(--sidebery-width) !important; min-width: var(--sidebery-width) !important;
width: var(--sidebery-width) !important; width: var(--sidebery-width) !important;
} }
:root:has(#theme-Sidebery[theme-sidebery-layout=auto-hide]) #sidebar-box:hover, #sidebar-box:hover {
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) #sidebar-box:hover {
transition: width 150ms; transition: width 150ms;
transition-delay: 50ms; transition-delay: 50ms;
background-color: var(--zen-colors-tertiary) !important; background-color: var(--zen-colors-tertiary) !important;
border-color: var(--zen-colors-border) !important; border-color: var(--zen-colors-border) !important;
width: var(--sidebery-open-width) !important; width: var(--sidebery-open-width) !important;
} }
:root:has(#theme-Sidebery[theme-sidebery-layout=auto-hide]) #sidebar-box #sidebar-header, #sidebar-box #sidebar-header {
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) #sidebar-box #sidebar-header {
display: none !important; display: none !important;
} }
:root:has(#theme-Sidebery[theme-sidebery-layout=auto-hide]) #sidebar-box #sidebar, #sidebar-box #sidebar {
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) #sidebar-box #sidebar {
margin-left: var(--zen-element-separation) !important; margin-left: var(--zen-element-separation) !important;
} }
:root:has(#theme-Sidebery[theme-sidebery-layout=auto-hide]) #tabbrowser-tabbox, }
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) #tabbrowser-tabbox { :root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]),
--tabbrowser-padding: calc(var(--zen-element-separation) + 2px) !important; :root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
) {
--sidebery-width: var(--sidebery-hidden-width);
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#tabbrowser-tabbox,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#tabbrowser-tabbox {
--tabbrowser-padding: calc(
var(--sidebery-width) + var(--zen-element-separation)
);
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]) #sidebar-splitter,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-splitter {
display: none;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]) #sidebar-box,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box {
z-index: 2;
position: absolute;
left: 0 !important;
top: 1px;
bottom: 1px;
box-shadow: none !important;
min-width: var(--sidebery-width) !important;
width: var(--sidebery-width) !important;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#sidebar-box:hover,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box:hover {
transition: width 150ms;
transition-delay: 50ms;
background-color: var(--zen-colors-tertiary) !important;
border-color: var(--zen-colors-border) !important;
width: var(--sidebery-open-width) !important;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#sidebar-box
#sidebar-header,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box
#sidebar-header {
display: none !important;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#sidebar-box
#sidebar,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box
#sidebar {
margin-left: var(--zen-element-separation) !important;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#tabbrowser-tabbox,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#tabbrowser-tabbox {
--tabbrowser-padding: calc(var(--zen-element-separation) + 2px) !important;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]) #sidebar-box,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box {
opacity: 0;
}
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
#sidebar-box:hover,
:root[inFullscreen="true"]:has(
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
)
#sidebar-box:hover {
opacity: 1;
}
:root[inDOMFullscreen="true"] #tabbrowser-tabbox {
--zen-element-separation: 0 !important;
}
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") {
window.sidebar-panel,
window#webextpanels-window {
background-color: transparent !important;
} }
:root:has(#theme-Sidebery[theme-sidebery-layout=auto-hide]) #sidebar-box, #sidebar-box {
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) #sidebar-box { background-color: transparent !important;
opacity: 0; border-color: transparent !important;
box-shadow: none !important;
} }
:root:has(#theme-Sidebery[theme-sidebery-layout=auto-hide]) #sidebar-box:hover, #sidebar-box #sidebar-header {
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) #sidebar-box:hover { opacity: 0.75;
opacity: 1; order: 0;
border-style: none !important;
border-bottom-style: solid !important;
} }
:root[inDOMFullscreen=true] #tabbrowser-tabbox { }
--zen-element-separation: 0 !important; @media (-moz-bool-pref: "theme.sidebery.sidebar-header.bottom-layout") {
#sidebar-box #sidebar-header {
order: 1;
border-style: none !important;
border-top-style: solid !important;
} }
@media (-moz-bool-pref: 'browser.tabs.allow_transparent_browser') { #sidebar-box #sidebar-header #sidebar-switcher-arrow {
window.sidebar-panel, list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg") !important;
window#webextpanels-window {
background-color: transparent !important;
}
#sidebar-box {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
#sidebar-box #sidebar-header {
opacity: 0.75;
order: 0;
border-style: none !important;
border-bottom-style: solid !important;
}
} }
@media (-moz-bool-pref: 'theme.sidebery.sidebar-header.bottom-layout') { }
#sidebar-box #sidebar-header { @media (-moz-bool-pref: "theme.sidebery.sidebar-header.hide") {
order: 1; #sidebar-box #sidebar-header {
border-style: none !important; display: none !important;
border-top-style: solid !important;
}
#sidebar-box #sidebar-header #sidebar-switcher-arrow {
list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg") !important;
}
}
@media (-moz-bool-pref: 'theme.sidebery.sidebar-header.hide') {
#sidebar-box #sidebar-header {
display: none !important;
}
} }
}

View file

@ -1,49 +1,49 @@
[ [
{ {
"property": "theme.sidebery.layout", "property": "theme.sidebery.layout",
"label": "Auto-hide the sidebar", "label": "Auto-hide the sidebar",
"type": "dropdown", "type": "dropdown",
"placeholder": "Do not hide", "placeholder": "Do not hide",
"defaultValue": "auto-hide-fs", "defaultValue": "auto-hide-fs",
"options": [ "options": [
{ {
"label": "Auto-hide, expand on hover", "label": "Auto-hide, expand on hover",
"value": "auto-hide" "value": "auto-hide"
}, },
{ {
"label": "Auto-hide in full-screen mode only", "label": "Auto-hide in full-screen mode only",
"value": "auto-hide-fs" "value": "auto-hide-fs"
} }
] ]
}, },
{ {
"property": "theme.sidebery.compact-view", "property": "theme.sidebery.compact-view",
"label": "Compact mode", "label": "Compact mode",
"type": "checkbox", "type": "checkbox",
"defaultValue": false "defaultValue": false
}, },
{ {
"property": "browser.tabs.allow_transparent_browser", "property": "browser.tabs.allow_transparent_browser",
"label": "Allow Transparent Browser Tabs", "label": "Allow Transparent Browser Tabs",
"type": "checkbox", "type": "checkbox",
"defaultValue": true "defaultValue": true
}, },
{ {
"property": "theme.sidebery.hide-zen-tabbar", "property": "theme.sidebery.hide-zen-tabbar",
"label": "Hide Native Zen Tab UI", "label": "Hide Native Zen Tab UI",
"type": "checkbox", "type": "checkbox",
"defaultValue": true "defaultValue": true
}, },
{ {
"property": "theme.sidebery.sidebar-header.hide", "property": "theme.sidebery.sidebar-header.hide",
"label": "Hide Browser Sidebar Header", "label": "Hide Browser Sidebar Header",
"type": "checkbox", "type": "checkbox",
"defaultValue": false "defaultValue": false
}, },
{ {
"property": "theme.sidebery.sidebar-header.bottom-layout", "property": "theme.sidebery.sidebar-header.bottom-layout",
"label": "Push Browser Sidebar Header Down", "label": "Push Browser Sidebar Header Down",
"type": "checkbox", "type": "checkbox",
"defaultValue": true "defaultValue": true
} }
] ]

View file

@ -3,6 +3,7 @@
Tweaks to support Sidebery as an alternative to Zen's native tabs and workspace implementation. Tweaks to support Sidebery as an alternative to Zen's native tabs and workspace implementation.
### Features ### Features
- Hide native Zen Tab controls. - Hide native Zen Tab controls.
- Transparent browser sidebar background. - Transparent browser sidebar background.
- Compact mode for browser sidebar. - Compact mode for browser sidebar.
@ -13,10 +14,12 @@ Tweaks to support Sidebery as an alternative to Zen's native tabs and workspace
All features are optional and configurable from the UI. All features are optional and configurable from the UI.
### Dependencies: ### Dependencies:
- **[Sidebery (Zen)](https://addons.mozilla.org/en-US/firefox/addon/sidebery-zen/)** modified build for Zen support. - **[Sidebery (Zen)](https://addons.mozilla.org/en-US/firefox/addon/sidebery-zen/)** modified build for Zen support.
- **[SuperGradient](https://zen-browser.app/themes/af7ee14f-e9d4-4806-8438-c59b02b77715)** for gradient browser background. - **[SuperGradient](https://zen-browser.app/themes/af7ee14f-e9d4-4806-8438-c59b02b77715)** for gradient browser background.
### Operation Tips ### Operation Tips
- You must download, install and activate Sidebery on your own. - You must download, install and activate Sidebery on your own.
- To bring Sidebery in view or to hide again, press F1 anytime. - To bring Sidebery in view or to hide again, press F1 anytime.
- Some changes, in rare cases, require you toggle Sidebery visibility or restart the browser. - Some changes, in rare cases, require you toggle Sidebery visibility or restart the browser.

View file

@ -1,15 +1,15 @@
{ {
"id": "39907934-59e9-4e42-89f0-a254d3c5e280", "id": "39907934-59e9-4e42-89f0-a254d3c5e280",
"name": "Sidebery", "name": "Sidebery",
"description": "Tweaks to support Sidebery as an alternative to Zen's native tabs and workspace implementation.", "description": "Tweaks to support Sidebery as an alternative to Zen's native tabs and workspace implementation.",
"homepage": "https://github.com/shanto/sidebery", "homepage": "https://github.com/shanto/sidebery",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/image.png",
"author": "Shaan", "author": "Shaan",
"version": "1.0.2", "version": "1.0.2",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/preferences.json", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/preferences.json",
"tags": [], "tags": [],
"createdAt": "2024-10-09", "createdAt": "2024-10-09",
"updatedAt": "2024-12-31" "updatedAt": "2024-12-31"
} }

View file

@ -1,3 +1,11 @@
.tab-context-line {
.tab-context-line{display: none !important;} display: none !important;
#tabbrowser-tabs { & .tabbrowser-tab { &[selected] .tab-background { border: 2px solid var(--identity-icon-color) !important; opacity: 0.8 !important;}}} }
#tabbrowser-tabs {
& .tabbrowser-tab {
&[selected] .tab-background {
border: 2px solid var(--identity-icon-color) !important;
opacity: 0.8 !important;
}
}
}

View file

@ -1,2 +1 @@
Changes the default left sided container color from tabs. Changes the default left sided container color from tabs.

View file

@ -1,16 +1,14 @@
{ {
"id": "3ff55ba7-4690-4f74-96a8-9e4416685e4e", "id": "3ff55ba7-4690-4f74-96a8-9e4416685e4e",
"name": "Colored container tab", "name": "Colored container tab",
"description": "Changes the default container tab theme", "description": "Changes the default container tab theme",
"homepage": "https://github.com/ocean-mars/things", "homepage": "https://github.com/ocean-mars/things",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/3ff55ba7-4690-4f74-96a8-9e4416685e4e/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/3ff55ba7-4690-4f74-96a8-9e4416685e4e/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/3ff55ba7-4690-4f74-96a8-9e4416685e4e/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/3ff55ba7-4690-4f74-96a8-9e4416685e4e/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/3ff55ba7-4690-4f74-96a8-9e4416685e4e/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/3ff55ba7-4690-4f74-96a8-9e4416685e4e/image.png",
"author": "ocean-mars", "author": "ocean-mars",
"version": "1.0.0", "version": "1.0.0",
"tags": [ "tags": ["tabs"],
"tabs" "createdAt": "2024-10-06",
], "updatedAt": "2024-10-06"
"createdAt": "2024-10-06",
"updatedAt": "2024-10-06"
} }

View file

@ -1,4 +1,5 @@
#tabbrowser-tabs
#tabbrowser-tabs .tabbrowser-tab:not([pinned]):is([visuallyselected]):not(:hover) .tab-close-button { .tabbrowser-tab:not([pinned]):is([visuallyselected]):not(:hover)
display: none !important; .tab-close-button {
display: none !important;
} }

View file

@ -1,3 +1,2 @@
Show tab's close button only on hover, even on the active tab. Show tab's close button only on hover, even on the active tab.
Zen browser always show the close button on the active tab by default, and this theme will disable that behavior and make close button on the active tab only visible on hover. Zen browser always show the close button on the active tab by default, and this theme will disable that behavior and make close button on the active tab only visible on hover.

View file

@ -1,14 +1,14 @@
{ {
"id": "4596d8f9-f0b7-4aeb-aa92-851222dc1888", "id": "4596d8f9-f0b7-4aeb-aa92-851222dc1888",
"name": "Only Close On Hover", "name": "Only Close On Hover",
"description": "Show tab's close button only on hover, even on the active tab.", "description": "Show tab's close button only on hover, even on the active tab.",
"homepage": "", "homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4596d8f9-f0b7-4aeb-aa92-851222dc1888/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4596d8f9-f0b7-4aeb-aa92-851222dc1888/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4596d8f9-f0b7-4aeb-aa92-851222dc1888/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4596d8f9-f0b7-4aeb-aa92-851222dc1888/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4596d8f9-f0b7-4aeb-aa92-851222dc1888/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4596d8f9-f0b7-4aeb-aa92-851222dc1888/image.png",
"author": "p-sw", "author": "p-sw",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-10-12", "createdAt": "2024-10-12",
"updatedAt": "2024-10-12" "updatedAt": "2024-10-12"
} }

View file

@ -1,6 +1,5 @@
/* Move #zen-essentials-container to the bottom of the sidebar */ /* Move #zen-essentials-container to the bottom of the sidebar */
#zen-essentials-container { #zen-essentials-container {
margin-top: auto; /* Pushes #zen-essentials-container to the bottom */ margin-top: auto; /* Pushes #zen-essentials-container to the bottom */
order: 999; /* In case flexbox is used, ensure it's last */ order: 999; /* In case flexbox is used, ensure it's last */
} }

View file

@ -1,7 +1,7 @@
<p align="center"> <p align="center">
<img src="https://github.com/user-attachments/assets/0b66b793-f3d9-43c5-80f6-49488aefac2d" alt="Wazz's custom image"/> <img src="https://github.com/user-attachments/assets/0b66b793-f3d9-43c5-80f6-49488aefac2d" alt="Wazz's custom image"/>
</p> </p>
# Move Essentials to Bottom # Move Essentials to Bottom
Moves your essentials to the bottom on the Sidebar. Moves your essentials to the bottom on the Sidebar.

View file

@ -1,14 +1,14 @@
{ {
"id": "477bc813-c333-4747-813e-00e0420ceec0", "id": "477bc813-c333-4747-813e-00e0420ceec0",
"name": "Bottom Essentials", "name": "Bottom Essentials",
"description": "Move your Essential Tabs to the bottom of the Sidebar for some Visual seperation from Pinned tabs.", "description": "Move your Essential Tabs to the bottom of the Sidebar for some Visual seperation from Pinned tabs.",
"homepage": "https://github.com/TheBigWazz/ZenThemes/tree/main/Bottom-Essentials", "homepage": "https://github.com/TheBigWazz/ZenThemes/tree/main/Bottom-Essentials",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/477bc813-c333-4747-813e-00e0420ceec0/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/477bc813-c333-4747-813e-00e0420ceec0/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/477bc813-c333-4747-813e-00e0420ceec0/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/477bc813-c333-4747-813e-00e0420ceec0/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/477bc813-c333-4747-813e-00e0420ceec0/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/477bc813-c333-4747-813e-00e0420ceec0/image.png",
"author": "TheBigWazz", "author": "TheBigWazz",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-11-12", "createdAt": "2024-11-12",
"updatedAt": "2024-11-19" "updatedAt": "2024-11-19"
} }

View file

@ -1,4 +1,3 @@
# Collapsed Tab Close Button # Collapsed Tab Close Button
This theme adds a close button to the collapsed tabs in Zen Browser. This theme adds a close button to the collapsed tabs in Zen Browser.

View file

@ -1,16 +1,14 @@
{ {
"id": "49dbaa98-06ee-42bd-9a8e-834babef7a41", "id": "49dbaa98-06ee-42bd-9a8e-834babef7a41",
"name": "Collapsed Tab X Button", "name": "Collapsed Tab X Button",
"description": "This theme adds a close button to the collapsed tabs in Zen Browser.", "description": "This theme adds a close button to the collapsed tabs in Zen Browser.",
"homepage": "https://github.com/burnt0rice/zen-themes/tree/main/collapsed-tab-close-button", "homepage": "https://github.com/burnt0rice/zen-themes/tree/main/collapsed-tab-close-button",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/49dbaa98-06ee-42bd-9a8e-834babef7a41/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/49dbaa98-06ee-42bd-9a8e-834babef7a41/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/49dbaa98-06ee-42bd-9a8e-834babef7a41/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/49dbaa98-06ee-42bd-9a8e-834babef7a41/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/49dbaa98-06ee-42bd-9a8e-834babef7a41/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/49dbaa98-06ee-42bd-9a8e-834babef7a41/image.png",
"author": "burnt0rice", "author": "burnt0rice",
"version": "1.0.0", "version": "1.0.0",
"tags": [ "tags": ["tabs"],
"tabs" "createdAt": "2024-08-31",
], "updatedAt": "2024-09-07"
"createdAt": "2024-08-31",
"updatedAt": "2024-09-07"
} }

View file

@ -1,14 +1,14 @@
{ {
"id": "4ab93b88-151c-451b-a1b7-a1e0e28fa7f8", "id": "4ab93b88-151c-451b-a1b7-a1e0e28fa7f8",
"name": "No Sidebar Scrollbar", "name": "No Sidebar Scrollbar",
"description": "This theme removes the Sidebar Scrollbar while retaining the scroll functionality.", "description": "This theme removes the Sidebar Scrollbar while retaining the scroll functionality.",
"homepage": "https://github.com/mally8/zen-browser-no-sidebar-scrollbar", "homepage": "https://github.com/mally8/zen-browser-no-sidebar-scrollbar",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4ab93b88-151c-451b-a1b7-a1e0e28fa7f8/image.png",
"author": "mally8", "author": "mally8",
"version": "1.0.3", "version": "1.0.3",
"tags": [], "tags": [],
"createdAt": "2024-09-01", "createdAt": "2024-09-01",
"updatedAt": "2024-11-19" "updatedAt": "2024-11-19"
} }

View file

@ -1,8 +1,8 @@
/* This is an auto generated color theme. */ /* This is an auto generated color theme. */
:root { :root {
--zen-colors-primary: #2d5b69 !important; --zen-colors-primary: #2d5b69 !important;
--zen-colors-secondary: #2d5b69 !important; --zen-colors-secondary: #2d5b69 !important;
--zen-colors-tertiary: #002b36 !important; --zen-colors-tertiary: #002b36 !important;
--zen-colors-border: #2d5b69 !important; --zen-colors-border: #2d5b69 !important;
--zen-dialog-background: #002b36 !important; --zen-dialog-background: #002b36 !important;
} }

View file

@ -1,8 +1,8 @@
{ {
"isDarkMode": true, "isDarkMode": true,
"primaryColor": "#2d5b69", "primaryColor": "#2d5b69",
"secondaryColor": " #2d5b69", "secondaryColor": " #2d5b69",
"tertiaryColor": "#002b36", "tertiaryColor": "#002b36",
"colorsBorder": "#2d5b69", "colorsBorder": "#2d5b69",
"dialogBg": "#002b36" "dialogBg": "#002b36"
} }

View file

@ -1,2 +1 @@
Dive into Solarized theme for Zen! Dive into Solarized theme for Zen!

View file

@ -1,19 +1,16 @@
{ {
"id": "56449583-f295-4f34-baf8-da70d3d156e7", "id": "56449583-f295-4f34-baf8-da70d3d156e7",
"name": "Solarized", "name": "Solarized",
"description": "Solarized color pallete ported into Zen!", "description": "Solarized color pallete ported into Zen!",
"homepage": "https://github.com/mohvn/solarized-zenbrowser", "homepage": "https://github.com/mohvn/solarized-zenbrowser",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/56449583-f295-4f34-baf8-da70d3d156e7/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/56449583-f295-4f34-baf8-da70d3d156e7/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/56449583-f295-4f34-baf8-da70d3d156e7/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/56449583-f295-4f34-baf8-da70d3d156e7/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/56449583-f295-4f34-baf8-da70d3d156e7/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/56449583-f295-4f34-baf8-da70d3d156e7/image.png",
"author": "mohvn", "author": "mohvn",
"version": "1.0.0", "version": "1.0.0",
"isDarkMode": true, "isDarkMode": true,
"isColorTheme": true, "isColorTheme": true,
"tags": [ "tags": ["color scheme", "dark"],
"color scheme", "createdAt": "2024-09-09",
"dark" "updatedAt": "2024-09-09"
],
"createdAt": "2024-09-09",
"updatedAt": "2024-09-09"
} }

View file

@ -1,4 +1,3 @@
/* Remove border from the URL bar when not focused */ /* Remove border from the URL bar when not focused */
#urlbar:not([focused]) { #urlbar:not([focused]) {
border: none !important; border: none !important;
@ -15,15 +14,15 @@
position: fixed; position: fixed;
pointer-events: none; pointer-events: none;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
top: 0; top: 0;
left: 0; left: 0;
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
z-index: -1; z-index: -1;
} }
/* set navbar height to super compact density */ /* set navbar height to super compact density */
@ -39,25 +38,30 @@ z-index: -1;
} }
/* Remove border padding */ /* Remove border padding */
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) { :root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not(
[chromehidden~="toolbar"]
) {
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer { & #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
margin: 0 !important; margin: 0 !important;
border-radius: 0 !important; border-radius: 0 !important;
} }
} }
@media not (-moz-bool-pref: "zen.view.compact") { :root:not([zen-compact-mode="true"]):not([inDOMFullscreen="true"]):not(
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) { [chromehidden~="location"]
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer { ):not([chromehidden~="toolbar"]) {
margin: 0 !important; & #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
border-radius: var(--zen-webview-border-radius, var(--zen-border-radius)) !important; margin: 0 !important;
border-bottom-left-radius: 0 !important; border-radius: var(
border-bottom-right-radius: 0 !important; --zen-webview-border-radius,
} var(--zen-border-radius)
) !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
} }
} }
/* Reduce sidebar gap in compact mode */ /* Reduce sidebar gap in compact mode */
@media (-moz-bool-pref: "zen.view.compact") { :root[zen-compact-mode="true"] {
#navigator-toolbox { #navigator-toolbox {
padding: 5px !important; padding: 5px !important;
} }
@ -75,28 +79,30 @@ z-index: -1;
white-space: normal !important; white-space: normal !important;
} }
.urlbarView-row-inner{ .urlbarView-row-inner {
justify-content: center !important; justify-content: center !important;
padding: 10px !important; padding: 10px !important;
width: 100px !important; width: 100px !important;
mask-image: linear-gradient(to left, transparent, black 3ch); mask-image: linear-gradient(to left, transparent, black 3ch);
} }
.urlbarView-no-wrap{ .urlbarView-no-wrap {
display: flex !important; display: flex !important;
flex-direction: column !important; flex-direction: column !important;
max-width: 100% !important; max-width: 100% !important;
overflow: hidden; overflow: hidden;
} }
.urlbarView-favicon { .urlbarView-favicon {
width: 32px !important; width: 32px !important;
height: 32px !important; height: 32px !important;
margin: 0px !important; margin: 0px !important;
margin-bottom: 8px !important; margin-bottom: 8px !important;
} }
.urlbarView-url, .urlbarView-title-separator, .urlbarView-type-icon { .urlbarView-url,
.urlbarView-title-separator,
.urlbarView-type-icon {
display: none !important; display: none !important;
} }
} }

View file

@ -1,9 +1,9 @@
# Super Sleek UI Theme for Zen Browser # Super Sleek UI Theme for Zen Browser
A sleek & minimalistic UI with grid-style quick access, smaller navbar, no border padding & more. A sleek & minimalistic UI with grid-style quick access, smaller navbar, no border padding & more.
Features: Features:
- Added: Grid-style quick access shortcuts to search bar. - Added: Grid-style quick access shortcuts to search bar.
- Added: Pop-out effect & slight background blur when search bar in focus. - Added: Pop-out effect & slight background blur when search bar in focus.
- Modified: Smaller navbar. - Modified: Smaller navbar.

View file

@ -1,14 +1,14 @@
{ {
"id": "570afd9d-96fa-48b5-bad3-0c106757cce9", "id": "570afd9d-96fa-48b5-bad3-0c106757cce9",
"name": "Super Sleek UI", "name": "Super Sleek UI",
"description": "A sleek & minimalistic UI with grid-style quick access, smaller navbar, no border padding & more.", "description": "A sleek & minimalistic UI with grid-style quick access, smaller navbar, no border padding & more.",
"homepage": "https://github.com/lingais/Zen-Broswer-Super-Sleek-UI-Theme.git", "homepage": "https://github.com/lingais/Zen-Broswer-Super-Sleek-UI-Theme.git",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/image.png",
"author": "lingais", "author": "lingais",
"version": "1.0.0", "version": "1.0.1",
"tags": [], "tags": [],
"createdAt": "2024-08-28", "createdAt": "2024-08-28",
"updatedAt": "2024-08-28" "updatedAt": "2024-08-28"
} }

View file

@ -11,47 +11,121 @@
:root { :root {
--pbmh-private-browsing-mode-base-color: #32064e; --pbmh-private-browsing-mode-base-color: #32064e;
--pbmh-private-browsing-mode-gradient-stop-color: rgb(from var(--pbmh-private-browsing-mode-color) r g b / 0%); --pbmh-private-browsing-mode-gradient-stop-color: rgb(
from var(--pbmh-private-browsing-mode-color) r g b / 0%
);
--pbmg-private-browsing-mode-gradient-stop-position: 50px; --pbmg-private-browsing-mode-gradient-stop-position: 50px;
--pbmg-private-browsing-mode-border-size: 2px; --pbmg-private-browsing-mode-border-size: 2px;
} }
/*******************************************\ /*******************************************\
* Topbar highlighting. * Topbar highlighting.
\*******************************************/ \*******************************************/
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="match-zen"]) { --pbmh-private-browsing-mode-base-color: oklch(from var(--zen-primary-color) calc(l - 0.5) c h); } :root:has(
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="blue"]) { --pbmh-private-browsing-mode-base-color: oklch(from #aac7ff calc(l - 0.5) c h); } #theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="match-zen"]
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="teal"]) { --pbmh-private-browsing-mode-base-color: oklch(from #74d7cb calc(l - 0.5) c h); } ) {
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="green"]) { --pbmh-private-browsing-mode-base-color: oklch(from #a0d490 calc(l - 0.5) c h); } --pbmh-private-browsing-mode-base-color: oklch(
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="yellow"]) { --pbmh-private-browsing-mode-base-color: oklch(from #dec663 calc(l - 0.5) c h); } from var(--zen-primary-color) calc(l - 0.5) c h
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="orange"]) { --pbmh-private-browsing-mode-base-color: oklch(from #ffb787 calc(l - 0.5) c h); } );
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="brown"]) { --pbmh-private-browsing-mode-base-color: oklch(from #dec1b1 calc(l - 0.5) c h); } }
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="red"]) { --pbmh-private-browsing-mode-base-color: oklch(from #ffb1c0 calc(l - 0.5) c h); } :root:has(
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="pink"]) { --pbmh-private-browsing-mode-base-color: oklch(from #f6b0ea calc(l - 0.5) c h); } #theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="blue"]
) {
--pbmh-private-browsing-mode-base-color: oklch(
from #aac7ff calc(l - 0.5) c h
);
}
:root:has(
#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="teal"]
) {
--pbmh-private-browsing-mode-base-color: oklch(
from #74d7cb calc(l - 0.5) c h
);
}
:root:has(
#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="green"]
) {
--pbmh-private-browsing-mode-base-color: oklch(
from #a0d490 calc(l - 0.5) c h
);
}
:root:has(
#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="yellow"]
) {
--pbmh-private-browsing-mode-base-color: oklch(
from #dec663 calc(l - 0.5) c h
);
}
:root:has(
#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="orange"]
) {
--pbmh-private-browsing-mode-base-color: oklch(
from #ffb787 calc(l - 0.5) c h
);
}
:root:has(
#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="brown"]
) {
--pbmh-private-browsing-mode-base-color: oklch(
from #dec1b1 calc(l - 0.5) c h
);
}
:root:has(
#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="red"]
) {
--pbmh-private-browsing-mode-base-color: oklch(
from #ffb1c0 calc(l - 0.5) c h
);
}
:root:has(
#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-color="pink"]
) {
--pbmh-private-browsing-mode-base-color: oklch(
from #f6b0ea calc(l - 0.5) c h
);
}
:root { :root {
--pbmh-private-browsing-mode-color: var(--pbmh-private-browsing-mode-base-color); --pbmh-private-browsing-mode-color: var(
--pbmh-private-browsing-mode-border: oklch(from var(--pbmh-private-browsing-mode-color) calc(l + 0.2) c h); --pbmh-private-browsing-mode-base-color
);
--pbmh-private-browsing-mode-border: oklch(
from var(--pbmh-private-browsing-mode-color) calc(l + 0.2) c h
);
&:where([lwt-toolbar="light"]) { &:where([lwt-toolbar="light"]) {
--pbmh-private-browsing-mode-color: oklch(from var(--pbmh-private-browsing-mode-base-color) calc(l + 0.45) calc(c + 0.05) h); --pbmh-private-browsing-mode-color: oklch(
--pbmh-private-browsing-mode-border: oklch(from var(--pbmh-private-browsing-mode-color) calc(l - 0.2) c h); from var(--pbmh-private-browsing-mode-base-color) calc(l + 0.45)
calc(c + 0.05) h
);
--pbmh-private-browsing-mode-border: oklch(
from var(--pbmh-private-browsing-mode-color) calc(l - 0.2) c h
);
} }
} }
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-highlighting-style="solid"]) { :root:has(
--pbmh-private-browsing-mode-gradient-stop-color: var(--pbmh-private-browsing-mode-color); #theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-highlighting-style="solid"]
) {
--pbmh-private-browsing-mode-gradient-stop-color: var(
--pbmh-private-browsing-mode-color
);
} }
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-highlighting-style]:not([uc-private-browsing-top-bar-highlighting-style="none"])) { :root:has(
#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-highlighting-style]:not(
[uc-private-browsing-top-bar-highlighting-style="none"]
)
) {
&[privatebrowsingmode] #browser { &[privatebrowsingmode] #browser {
background-image: linear-gradient( background-image: linear-gradient(
to bottom, to bottom,
var(--pbmh-private-browsing-mode-color), var(--pbmh-private-browsing-mode-color),
var(--pbmh-private-browsing-mode-gradient-stop-color) var(--pbmg-private-browsing-mode-gradient-stop-position), var(--pbmh-private-browsing-mode-gradient-stop-color)
transparent calc(var(--pbmg-private-browsing-mode-gradient-stop-position) + 1px) var(--pbmg-private-browsing-mode-gradient-stop-position),
transparent
calc(var(--pbmg-private-browsing-mode-gradient-stop-position) + 1px)
) !important; ) !important;
} }
} }
@ -60,13 +134,22 @@
* Viewport border styling. * Viewport border styling.
\*******************************************/ \*******************************************/
:root:has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-border-style="thin"]) { :root:has(
#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-border-style="thin"]
) {
--pbmg-private-browsing-mode-border-size: 1px; --pbmg-private-browsing-mode-border-size: 1px;
} }
:root[privatebrowsingmode]:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]):has(#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-border-style]:not([uc-private-browsing-top-bar-border-style="none"])) { :root[privatebrowsingmode]:not([inDOMFullscreen="true"]):not(
[chromehidden~="location"]
):not([chromehidden~="toolbar"]):has(
#theme-Private-Mode-Highlighting[uc-private-browsing-top-bar-border-style]:not(
[uc-private-browsing-top-bar-border-style="none"]
)
) {
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer { & #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
box-shadow: 0 0 0 var(--pbmg-private-browsing-mode-border-size) var(--pbmh-private-browsing-mode-border) !important; box-shadow: 0 0 0 var(--pbmg-private-browsing-mode-border-size)
var(--pbmh-private-browsing-mode-border) !important;
} }
} }
@ -89,7 +172,10 @@
width: auto; width: auto;
height: auto; height: auto;
border-radius: 100%; border-radius: 100%;
background-color: oklch(from var(--pbmh-private-browsing-mode-base-color) calc(l + 0.05) calc(c + 0.2) h); background-color: oklch(
from var(--pbmh-private-browsing-mode-base-color) calc(l + 0.05)
calc(c + 0.2) h
);
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48c3R5bGU+KntmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuOTJweDt9PC9zdHlsZT48L2RlZnM+PHBvbHlsaW5lIHBvaW50cz0iMC41IDExLjA0IDEyIDExLjA0IDIzLjUgMTEuMDQiLz48cGF0aCBkPSJNMTkuNjcsMTFINC4zM0w1LDQuNjhBMi41NCwyLjU0LDAsMCwxLDcuNTcsMi40MmgwYTIuNDcsMi40NywwLDAsMSwxLjEzLjI3aDBhNy40Myw3LjQzLDAsMCwwLDYuNiwwaDBhMi40NywyLjQ3LDAsMCwxLDEuMTMtLjI3aDBBMi41NCwyLjU0LDAsMCwxLDE5LDQuNjhaIi8+PGNpcmNsZSBjeD0iNi43MyIgY3k9IjE4LjIzIiByPSIzLjM1Ii8+PGNpcmNsZSBjeD0iMTcuMjciIGN5PSIxOC4yMyIgcj0iMy4zNSIvPjxwYXRoIGQ9Ik0xMC4wOCwxOC43MWExLjkyLDEuOTIsMCwxLDEsMy44NCwwIi8+PGxpbmUgeDE9IjEuNDYiIHkxPSIxNS44MyIgeDI9IjQuMzMiIHkyPSIxNS44MyIvPjxsaW5lIHgxPSIxOS42NyIgeTE9IjE1LjgzIiB4Mj0iMjIuNTQiIHkyPSIxNS44MyIvPjwvc3ZnPg=="); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48c3R5bGU+KntmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuOTJweDt9PC9zdHlsZT48L2RlZnM+PHBvbHlsaW5lIHBvaW50cz0iMC41IDExLjA0IDEyIDExLjA0IDIzLjUgMTEuMDQiLz48cGF0aCBkPSJNMTkuNjcsMTFINC4zM0w1LDQuNjhBMi41NCwyLjU0LDAsMCwxLDcuNTcsMi40MmgwYTIuNDcsMi40NywwLDAsMSwxLjEzLjI3aDBhNy40Myw3LjQzLDAsMCwwLDYuNiwwaDBhMi40NywyLjQ3LDAsMCwxLDEuMTMtLjI3aDBBMi41NCwyLjU0LDAsMCwxLDE5LDQuNjhaIi8+PGNpcmNsZSBjeD0iNi43MyIgY3k9IjE4LjIzIiByPSIzLjM1Ii8+PGNpcmNsZSBjeD0iMTcuMjciIGN5PSIxOC4yMyIgcj0iMy4zNSIvPjxwYXRoIGQ9Ik0xMC4wOCwxOC43MWExLjkyLDEuOTIsMCwxLDEsMy44NCwwIi8+PGxpbmUgeDE9IjEuNDYiIHkxPSIxNS44MyIgeDI9IjQuMzMiIHkyPSIxNS44MyIvPjxsaW5lIHgxPSIxOS42NyIgeTE9IjE1LjgzIiB4Mj0iMjIuNTQiIHkyPSIxNS44MyIvPjwvc3ZnPg==");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;

View file

@ -1,87 +1,87 @@
[ [
{ {
"property": "uc.private-browsing-top-bar.highlighting-style", "property": "uc.private-browsing-top-bar.highlighting-style",
"label": "Highlighting Style:", "label": "Highlighting Style:",
"type": "dropdown", "type": "dropdown",
"defaultValue": "gradient", "defaultValue": "gradient",
"options": [ "options": [
{ {
"label": "Gradient", "label": "Gradient",
"value": "gradient" "value": "gradient"
}, },
{ {
"label": "Solid", "label": "Solid",
"value": "solid" "value": "solid"
} }
] ]
}, },
{ {
"property": "uc.private-browsing-top-bar.border-style", "property": "uc.private-browsing-top-bar.border-style",
"label": "Border Thickness:", "label": "Border Thickness:",
"type": "dropdown", "type": "dropdown",
"defaultValue": "default", "defaultValue": "default",
"options": [ "options": [
{ {
"label": "Default", "label": "Default",
"value": "default" "value": "default"
}, },
{ {
"label": "Thin", "label": "Thin",
"value": "thin" "value": "thin"
} }
] ]
}, },
{ {
"property": "uc.private-browsing-top-bar.color", "property": "uc.private-browsing-top-bar.color",
"label": "Highlighting Base Color:", "label": "Highlighting Base Color:",
"type": "dropdown", "type": "dropdown",
"defaultValue": "default", "defaultValue": "default",
"options": [ "options": [
{ {
"label": "Default Purple", "label": "Default Purple",
"value": "default" "value": "default"
}, },
{ {
"label": "Match Zen Theme Color", "label": "Match Zen Theme Color",
"value": "match-zen" "value": "match-zen"
}, },
{ {
"label": "Blue", "label": "Blue",
"value": "blue" "value": "blue"
}, },
{ {
"label": "Teal", "label": "Teal",
"value": "teal" "value": "teal"
}, },
{ {
"label": "Green", "label": "Green",
"value": "green" "value": "green"
}, },
{ {
"label": "Yellow", "label": "Yellow",
"value": "yellow" "value": "yellow"
}, },
{ {
"label": "Orange", "label": "Orange",
"value": "orange" "value": "orange"
}, },
{ {
"label": "Brown", "label": "Brown",
"value": "brown" "value": "brown"
}, },
{ {
"label": "Red", "label": "Red",
"value": "red" "value": "red"
}, },
{ {
"label": "Pink", "label": "Pink",
"value": "pink" "value": "pink"
} }
] ]
}, },
{ {
"property": "uc.private-browsing-top-bar.hide-icon", "property": "uc.private-browsing-top-bar.hide-icon",
"label": "Hide the private browsing icon.", "label": "Hide the private browsing icon.",
"type": "checkbox" "type": "checkbox"
} }
] ]

View file

@ -6,17 +6,17 @@ Any Zen window in private browsing mode isn't obviously indicated by default. Th
By default, this theme: By default, this theme:
* Highlights the toolbar of a private browsing window with a purple gradient. - Highlights the toolbar of a private browsing window with a purple gradient.
* Adds a purple border surrounding the page. - Adds a purple border surrounding the page.
* Adds a private browsing icon to the right of the refresh button. - Adds a private browsing icon to the right of the refresh button.
It also comes with the following settings: It also comes with the following settings:
* Replace the gradient with a solid purple color. - Replace the gradient with a solid purple color.
* Remove the background color entirely. - Remove the background color entirely.
* Remove the purple border that surrounds the page. - Remove the purple border that surrounds the page.
* Changes the purple highlight color to either match Zen's theme color, or a custom color of your choice. - Changes the purple highlight color to either match Zen's theme color, or a custom color of your choice.
* Hide the private browsing icon. - Hide the private browsing icon.
These settings can be found in Zen's browser settings, in the 'Zen Mods' tab. These settings can be found in Zen's browser settings, in the 'Zen Mods' tab.

View file

@ -1,15 +1,15 @@
{ {
"id": "58649066-2b6f-4a5b-af6d-c3d21d16fc00", "id": "58649066-2b6f-4a5b-af6d-c3d21d16fc00",
"name": "Private Mode Highlighting", "name": "Private Mode Highlighting",
"description": "This theme adds extra theming and an icon to the main toolbar of any private browsing window.", "description": "This theme adds extra theming and an icon to the main toolbar of any private browsing window.",
"homepage": "https://github.com/danm36/zen-browser-private-browsing-toolbar-highlighting", "homepage": "https://github.com/danm36/zen-browser-private-browsing-toolbar-highlighting",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/image.png",
"author": "danm36", "author": "danm36",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/preferences.json", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/preferences.json",
"version": "1.0.4", "version": "1.0.4",
"tags": [], "tags": [],
"createdAt": "2024-08-09", "createdAt": "2024-08-09",
"updatedAt": "2024-09-25" "updatedAt": "2024-09-25"
} }

View file

@ -1,15 +1,14 @@
/* Reduce width */ /* Reduce width */
@media (-moz-bool-pref: "zen.view.sidebar-expanded") { @media (-moz-bool-pref: "zen.view.sidebar-expanded") {
#navigator-toolbox { #navigator-toolbox {
--zen-navigation-toolbar-min-width: 100px !important; --zen-navigation-toolbar-min-width: 100px !important;
} }
} }
/* Reduced height */ /* Reduced height */
@media (-moz-bool-pref: "zen.view.compact.hide-tabbar") { @media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
:root[zen-compact-mode="true"] #navigator-toolbox { :root[zen-compact-mode="true"] #navigator-toolbox {
margin-top: 9.375vh !important; margin-top: 9.375vh !important;
height: 75vh !important; height: 75vh !important;
} }
} }

View file

@ -1,7 +1,7 @@
With this theme you can make the compact mode even more compact! With this theme you can make the compact mode even more compact!
This theme makes two changes: This theme makes two changes:
- It reduces the height of the tab sidebar while in compact mode - It reduces the height of the tab sidebar while in compact mode
- It reduces the minimum width of the tab sidebar - It reduces the minimum width of the tab sidebar

View file

@ -1,16 +1,14 @@
{ {
"id": "5941aefd-67b0-453d-9b62-9071a31cbb0d", "id": "5941aefd-67b0-453d-9b62-9071a31cbb0d",
"name": "Smaller Compact Mode", "name": "Smaller Compact Mode",
"description": "Reduce the height of the compact sidebar!", "description": "Reduce the height of the compact sidebar!",
"homepage": "https://github.com/n7itro/Zen-Themes", "homepage": "https://github.com/n7itro/Zen-Themes",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5941aefd-67b0-453d-9b62-9071a31cbb0d/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5941aefd-67b0-453d-9b62-9071a31cbb0d/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5941aefd-67b0-453d-9b62-9071a31cbb0d/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5941aefd-67b0-453d-9b62-9071a31cbb0d/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5941aefd-67b0-453d-9b62-9071a31cbb0d/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5941aefd-67b0-453d-9b62-9071a31cbb0d/image.png",
"author": "n7itro", "author": "n7itro",
"version": "1.0.3", "version": "1.0.3",
"tags": [ "tags": ["tabs"],
"tabs" "createdAt": "2024-08-31",
], "updatedAt": "2025-01-25"
"createdAt": "2024-08-31",
"updatedAt": "2025-01-25"
} }

View file

@ -24,10 +24,10 @@
@media (-moz-bool-pref: "uc.hide-window-buttons") { @media (-moz-bool-pref: "uc.hide-window-buttons") {
.titlebar-buttonbox-container { .titlebar-buttonbox-container {
display: none !important; display: none !important;
} }
.window-controls{ .window-controls {
display: none; display: none;
} }
} }

View file

@ -1,35 +1,26 @@
[ [
{ {
"property": "uc.hide-minimize", "property": "uc.hide-minimize",
"label": "Hide the minimize window button", "label": "Hide the minimize window button",
"type": "checkbox", "type": "checkbox",
"disabledOn": [ "disabledOn": ["macos"]
"macos" },
] {
}, "property": "uc.hide-maximize",
{ "label": "Hide the maximize window button",
"property": "uc.hide-maximize", "type": "checkbox",
"label": "Hide the maximize window button", "disabledOn": ["macos"]
"type": "checkbox", },
"disabledOn": [ {
"macos" "property": "uc.hide-close",
] "label": "Hide the close window button",
}, "type": "checkbox",
{ "disabledOn": ["macos"]
"property": "uc.hide-close", },
"label": "Hide the close window button", {
"type": "checkbox", "property": "uc.hide-window-buttons",
"disabledOn": [ "label": "Hide the window buttons",
"macos" "type": "checkbox",
] "disabledOn": ["linux", "windows"]
}, }
{
"property": "uc.hide-window-buttons",
"label": "Hide the window buttons",
"type": "checkbox",
"disabledOn": [
"linux",
"windows"
]
}
] ]

View file

@ -1,9 +1,8 @@
# Hide Window Buttons # Hide Window Buttons
With this theme you can hide the buttons for minimizing, maximizing or closing a window. With this theme you can hide the buttons for minimizing, maximizing or closing a window.
You can still perform these actions by pressing Alt + Space. You can still perform these actions by pressing Alt + Space.
* For Linux and Windows users, each of these buttons can be hidden separately by changing the configuration in the settings page. - For Linux and Windows users, each of these buttons can be hidden separately by changing the configuration in the settings page.
* For macOS users, the three window buttons can't be hidden seperately. Enable the theme in the Look and Feel settings - For macOS users, the three window buttons can't be hidden seperately. Enable the theme in the Look and Feel settings

View file

@ -1,15 +1,15 @@
{ {
"id": "5a007026-0801-4a5d-9740-f17dc1c3ff21", "id": "5a007026-0801-4a5d-9740-f17dc1c3ff21",
"name": "Hide Window Buttons", "name": "Hide Window Buttons",
"description": "Hide the minimize, maximize, and close window buttons", "description": "Hide the minimize, maximize, and close window buttons",
"homepage": "https://github.com/n7itro/Zen-Themes", "homepage": "https://github.com/n7itro/Zen-Themes",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5a007026-0801-4a5d-9740-f17dc1c3ff21/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5a007026-0801-4a5d-9740-f17dc1c3ff21/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5a007026-0801-4a5d-9740-f17dc1c3ff21/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5a007026-0801-4a5d-9740-f17dc1c3ff21/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5a007026-0801-4a5d-9740-f17dc1c3ff21/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5a007026-0801-4a5d-9740-f17dc1c3ff21/image.png",
"author": "n7itro", "author": "n7itro",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5a007026-0801-4a5d-9740-f17dc1c3ff21/preferences.json", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5a007026-0801-4a5d-9740-f17dc1c3ff21/preferences.json",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-08-16", "createdAt": "2024-08-16",
"updatedAt": "2024-08-22" "updatedAt": "2024-08-22"
} }

View file

@ -1,4 +1,3 @@
#zen-workspaces-button { #zen-workspaces-button {
border-radius: 8px !important; border-radius: 8px !important;
box-sizing: border-box; box-sizing: border-box;
@ -6,7 +5,9 @@
width: 34px !important; width: 34px !important;
border-width: 1px; border-width: 1px;
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
transition: min-width 100ms ease-out, max-width 100ms ease-out; transition:
min-width 100ms ease-out,
max-width 100ms ease-out;
font-weight: 500; font-weight: 500;
} }

View file

@ -1,4 +1,3 @@
# Zen Browser Theme - Consistent Workspaces Button # Zen Browser Theme - Consistent Workspaces Button
This is a really simple theme put together to make the workspaces button a little more consistent with the other sidebar buttons. This is a really simple theme put together to make the workspaces button a little more consistent with the other sidebar buttons.

View file

@ -1,14 +1,14 @@
{ {
"id": "5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c", "id": "5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c",
"name": "Uniform Workspaces Button", "name": "Uniform Workspaces Button",
"description": "Make the workspaces button consistent with the other sidebar buttons, while remaining unique.", "description": "Make the workspaces button consistent with the other sidebar buttons, while remaining unique.",
"homepage": "https://github.com/andrewbellucci/zen-uniform-workspaces-button", "homepage": "https://github.com/andrewbellucci/zen-uniform-workspaces-button",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c/image.png",
"author": "andrewbellucci", "author": "andrewbellucci",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-08-24", "createdAt": "2024-08-24",
"updatedAt": "2024-08-24" "updatedAt": "2024-08-24"
} }

View file

@ -1,16 +1,15 @@
:root:has(#theme-Custom-MenuButton[theme-custom_menubutton-default="Default"]) { :root:has(#theme-Custom-MenuButton[theme-custom_menubutton-default="Default"]) {
#PanelUI-menu-button { #PanelUI-menu-button {
list-style-image: url(chrome://branding/content/icon32.png) !important; list-style-image: url(chrome://branding/content/icon32.png) !important;
} }
} }
:root:has(#theme-Custom-MenuButton[theme-custom_menubutton-default="Firefox"]) { :root:has(#theme-Custom-MenuButton[theme-custom_menubutton-default="Firefox"]) {
#PanelUI-menu-button { #PanelUI-menu-button {
list-style-image: url(data:image/png;base64,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) !important; list-style-image: url(data:image/png;base64,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) !important;
} }
} }
:root:has(#theme-Custom-MenuButton[theme-custom_menubutton-default="Custom"]) { :root:has(#theme-Custom-MenuButton[theme-custom_menubutton-default="Custom"]) {
#PanelUI-menu-button { #PanelUI-menu-button {
list-style-image: var(--theme-custom_menubutton-custom) !important; list-style-image: var(--theme-custom_menubutton-custom) !important;
} }
} }

View file

@ -1,28 +1,28 @@
[ [
{ {
"property": "theme.custom_menubutton.default", "property": "theme.custom_menubutton.default",
"label": "Select Button:", "label": "Select Button:",
"type": "dropdown", "type": "dropdown",
"defaultValue": "Default", "defaultValue": "Default",
"options": [ "options": [
{ {
"label": "Default", "label": "Default",
"value": "Default" "value": "Default"
}, },
{ {
"label": "Firefox", "label": "Firefox",
"value": "Firefox" "value": "Firefox"
}, },
{ {
"label": "Custom", "label": "Custom",
"value": "Custom" "value": "Custom"
} }
] ]
}, },
{ {
"property": "theme.custom_menubutton.custom", "property": "theme.custom_menubutton.custom",
"label": "Custom Button: url(url or base64 here)", "label": "Custom Button: url(url or base64 here)",
"type": "string", "type": "string",
"defaultValue": "url(chrome://branding/content/icon32.png)" "defaultValue": "url(chrome://branding/content/icon32.png)"
} }
] ]

View file

@ -1,2 +1 @@
Customize the menu button. Default is the browser icon. You can customize it with URL or BASE64. Customize the menu button. Default is the browser icon. You can customize it with URL or BASE64.

View file

@ -1,15 +1,15 @@
{ {
"id": "5bb07b6e-c89f-4f4a-a0ed-e483cc535594", "id": "5bb07b6e-c89f-4f4a-a0ed-e483cc535594",
"name": "Custom MenuButton", "name": "Custom MenuButton",
"description": "Custom MenuButton", "description": "Custom MenuButton",
"homepage": "", "homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5bb07b6e-c89f-4f4a-a0ed-e483cc535594/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5bb07b6e-c89f-4f4a-a0ed-e483cc535594/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5bb07b6e-c89f-4f4a-a0ed-e483cc535594/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5bb07b6e-c89f-4f4a-a0ed-e483cc535594/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5bb07b6e-c89f-4f4a-a0ed-e483cc535594/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5bb07b6e-c89f-4f4a-a0ed-e483cc535594/image.png",
"author": "lindongbin", "author": "lindongbin",
"version": "1.0.0", "version": "1.0.0",
"tags": [], "tags": [],
"createdAt": "2024-12-14", "createdAt": "2024-12-14",
"updatedAt": "2024-12-16", "updatedAt": "2024-12-16",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5bb07b6e-c89f-4f4a-a0ed-e483cc535594/preferences.json" "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5bb07b6e-c89f-4f4a-a0ed-e483cc535594/preferences.json"
} }

View file

@ -1,4 +1,3 @@
.tab-icon-overlay { .tab-icon-overlay {
opacity: 1 !important; opacity: 1 !important;
margin: initial !important; margin: initial !important;

View file

@ -1,5 +1,6 @@
# Bigger Mute Button # Bigger Mute Button
**Description:** **Description:**
- Increases size of mute button and hides the tab's sound labels. - Increases size of mute button and hides the tab's sound labels.
- The tab icon is replaced by the mute button if the tabs are not expanded. - The tab icon is replaced by the mute button if the tabs are not expanded.

Some files were not shown because too many files have changed in this diff Show more