mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-06 16:35:33 +02:00
Refactor theme readme files and funding configuration for consistency
This commit is contained in:
parent
ee9f84991f
commit
2b52886c65
311 changed files with 6490 additions and 6082 deletions
3
.github/FUNDING.yml
vendored
3
.github/FUNDING.yml
vendored
|
@ -1,3 +1,2 @@
|
|||
|
||||
patreon: zen_browser
|
||||
ko_fi: zen_browser
|
||||
ko_fi: zen_browser
|
||||
|
|
2
.github/ISSUE_TEMPLATE/config.yml
vendored
2
.github/ISSUE_TEMPLATE/config.yml
vendored
|
@ -1 +1 @@
|
|||
blank_issues_enabled: true
|
||||
blank_issues_enabled: true
|
||||
|
|
2
.github/ISSUE_TEMPLATE/create-theme.yml
vendored
2
.github/ISSUE_TEMPLATE/create-theme.yml
vendored
|
@ -47,7 +47,7 @@ body:
|
|||
attributes:
|
||||
label: Theme Styles
|
||||
render: css
|
||||
|
||||
|
||||
description: The CSS styles for the theme. If the theme is a color theme, the styles should be a JSON object with the color values.
|
||||
placeholder: |
|
||||
/* Remember to strip @-moz-document url-prefix('chrome://') {... */
|
||||
|
|
12
.github/workflows/create-theme.yml
vendored
12
.github/workflows/create-theme.yml
vendored
|
@ -16,7 +16,7 @@ jobs:
|
|||
- name: Install python
|
||||
uses: actions/setup-python@v2
|
||||
with:
|
||||
python-version: '3.x'
|
||||
python-version: "3.x"
|
||||
|
||||
- name: Setup python modules
|
||||
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
|
||||
|
||||
- name: Write styles to file
|
||||
uses: 'DamianReeves/write-file-action@master'
|
||||
uses: "DamianReeves/write-file-action@master"
|
||||
with:
|
||||
contents: ${{ fromJson(steps.issue-parser.outputs.jsonString)['styles'] }}
|
||||
path: theme-styles.css
|
||||
|
||||
- name: Write readme to file
|
||||
uses: 'DamianReeves/write-file-action@master'
|
||||
uses: "DamianReeves/write-file-action@master"
|
||||
with:
|
||||
contents: ${{ fromJson(steps.issue-parser.outputs.jsonString)['readme'] }}
|
||||
path: theme-readme.md
|
||||
|
||||
- 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'] != ''
|
||||
with:
|
||||
contents: ${{ fromJson(steps.issue-parser.outputs.jsonString)['preferences'] }}
|
||||
|
@ -97,9 +97,9 @@ jobs:
|
|||
add-paths: themes/
|
||||
labels: staged
|
||||
token: ${{ secrets.DEPLOY_KEY }}
|
||||
commit-message: 'Add theme: ${{ env.THEME_NAME }}'
|
||||
commit-message: "Add theme: ${{ env.THEME_NAME }}"
|
||||
delete-branch: true
|
||||
title: 'Add theme: ${{ env.THEME_NAME }}'
|
||||
title: "Add theme: ${{ env.THEME_NAME }}"
|
||||
body: |
|
||||
# Add theme: ${{ env.THEME_NAME }}
|
||||
|
||||
|
|
3
.github/workflows/pr-check.yml
vendored
3
.github/workflows/pr-check.yml
vendored
|
@ -1,4 +1,3 @@
|
|||
|
||||
name: Check PR is valid
|
||||
|
||||
on:
|
||||
|
@ -16,7 +15,7 @@ jobs:
|
|||
- name: Install python
|
||||
uses: actions/setup-python@v2
|
||||
with:
|
||||
python-version: '3.x'
|
||||
python-version: "3.x"
|
||||
|
||||
- name: Setup python modules
|
||||
run: |
|
||||
|
|
2
.github/workflows/submit-pr.yml
vendored
2
.github/workflows/submit-pr.yml
vendored
|
@ -20,7 +20,7 @@ jobs:
|
|||
- name: Install python
|
||||
uses: actions/setup-python@v2
|
||||
with:
|
||||
python-version: '3.x'
|
||||
python-version: "3.x"
|
||||
|
||||
- name: Setup python modules
|
||||
run: |
|
||||
|
|
6
.github/workflows/update-theme-date.yml
vendored
6
.github/workflows/update-theme-date.yml
vendored
|
@ -5,7 +5,7 @@ on:
|
|||
branches:
|
||||
- main
|
||||
paths:
|
||||
- 'themes/**'
|
||||
- "themes/**"
|
||||
|
||||
jobs:
|
||||
update-timestamp:
|
||||
|
@ -24,7 +24,7 @@ jobs:
|
|||
- name: Set up Python
|
||||
uses: actions/setup-python@v2
|
||||
with:
|
||||
python-version: '3.x'
|
||||
python-version: "3.x"
|
||||
|
||||
- name: Detect changed themes
|
||||
id: get_changes
|
||||
|
@ -35,7 +35,7 @@ jobs:
|
|||
- name: Setup python modules
|
||||
run: |
|
||||
pip3 install requests
|
||||
|
||||
|
||||
- name: Setup Git
|
||||
run: |
|
||||
git config --global user.name "github-actions[bot]"
|
||||
|
|
16
README.md
16
README.md
|
@ -11,10 +11,10 @@
|
|||
|
||||
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>`
|
||||
* Fill out the template with the necessary information
|
||||
* Submit the issue
|
||||
* Let us take care of the rest!
|
||||
- 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
|
||||
- Submit the issue
|
||||
- Let us take care of the rest!
|
||||
|
||||
## Important notice
|
||||
|
||||
|
@ -24,10 +24,10 @@ To submit a theme, please follow these steps:
|
|||
|
||||
To update a theme, please follow these steps:
|
||||
|
||||
* Create a new pull request with the updated theme
|
||||
* Make sure to include the theme name in the title
|
||||
* Submit the pull request
|
||||
* Let us take care of the rest!
|
||||
- Create a new pull request with the updated theme
|
||||
- Make sure to include the theme name in the title
|
||||
- Submit the pull request
|
||||
- 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.
|
||||
|
||||
|
|
2659
themes.json
2659
themes.json
File diff suppressed because it is too large
Load diff
|
@ -1,4 +1,3 @@
|
|||
|
||||
/*Nyan Cat and Friends*/
|
||||
|
||||
@media (-moz-bool-pref: "z0.catto.nyancats") {
|
||||
|
@ -6,7 +5,7 @@
|
|||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
#zen-sidebar-icons-wrapper:before {
|
||||
#zen-sidebar-icons-wrapper:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
|
@ -24,7 +23,7 @@
|
|||
background-position-y: 0, 0, 0;
|
||||
}
|
||||
|
||||
@keyframes autoRun {
|
||||
@keyframes autoRun {
|
||||
from {
|
||||
right: 0%;
|
||||
}
|
||||
|
@ -37,7 +36,7 @@
|
|||
/*Nyan Cat and Friends*/
|
||||
|
||||
/* Bongo Cat Start */
|
||||
@media (-moz-bool-pref: "zen.view.compact") {
|
||||
:root[zen-compact-mode="true"] {
|
||||
@media (-moz-bool-pref: "z0.catto.bongocat") {
|
||||
#navigator-toolbox:before {
|
||||
position: relative;
|
||||
|
@ -60,7 +59,7 @@
|
|||
}
|
||||
/* Bongo Cat End */
|
||||
/* Reduce the Size */
|
||||
#navigator-toolbox {
|
||||
#navigator-toolbox {
|
||||
--zen-navigation-toolbar-min-width: 100px !important;
|
||||
padding-top: 12.5vh !important;
|
||||
height: 85vh !important;
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
[
|
||||
{
|
||||
"property": "z0.catto.nyancats",
|
||||
"label": "Enable Nyan Cat and friends.",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "z0.catto.bongocat",
|
||||
"label": "Enable Bongocat at the top.",
|
||||
"type": "checkbox",
|
||||
"defaultValue": false
|
||||
}
|
||||
]
|
||||
{
|
||||
"property": "z0.catto.nyancats",
|
||||
"label": "Enable Nyan Cat and friends.",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "z0.catto.bongocat",
|
||||
"label": "Enable Bongocat at the top.",
|
||||
"type": "checkbox",
|
||||
"defaultValue": false
|
||||
}
|
||||
]
|
||||
|
|
|
@ -1,14 +1,16 @@
|
|||
|
||||
## ✨ Features
|
||||
|
||||
🌈 **Nyan Cat March**
|
||||
|
||||
- Colorful Nyan Cats parade across sidebar bottom
|
||||
|
||||
🙀 **Bongo Cat**
|
||||
|
||||
- Cute Bongo Cat animation at sidebar top
|
||||
- *Requires Compact Mode*
|
||||
- _Requires Compact Mode_
|
||||
|
||||
📐 **Size Reducer**
|
||||
|
||||
- Reduces sidebar in compact mode (85vh height, 100px min width)
|
||||
|
||||
All features independently toggleable - mix and match to suit your style! 🐱✨
|
||||
|
|
|
@ -1,15 +1,15 @@
|
|||
{
|
||||
"id": "00aeb359-cce5-4eb5-8c5c-5f928a715664",
|
||||
"name": "Nyan Catto Mod",
|
||||
"description": "Playful sidebar mod featuring Bongo Cat above and marching Nyan Cats below \ud83d\udc31",
|
||||
"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",
|
||||
"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",
|
||||
"author": "RayZ3R0",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-29",
|
||||
"updatedAt": "2024-11-03",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/00aeb359-cce5-4eb5-8c5c-5f928a715664/preferences.json"
|
||||
}
|
||||
"id": "00aeb359-cce5-4eb5-8c5c-5f928a715664",
|
||||
"name": "Nyan Catto Mod",
|
||||
"description": "Playful sidebar mod featuring Bongo Cat above and marching Nyan Cats below \ud83d\udc31",
|
||||
"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",
|
||||
"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",
|
||||
"author": "RayZ3R0",
|
||||
"version": "1.0.1",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-29",
|
||||
"updatedAt": "2024-11-03",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/00aeb359-cce5-4eb5-8c5c-5f928a715664/preferences.json"
|
||||
}
|
||||
|
|
|
@ -1,7 +1,5 @@
|
|||
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
|
||||
.tab-icon-overlay:is([soundplaying],
|
||||
[muted],
|
||||
[activemedia-blocked]) {
|
||||
.tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
display: none !important;
|
||||
}
|
||||
.tab-icon-image {
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
# Hide tab mute
|
||||
|
||||
Hides the "Mute"/"Unmute" button if the sidebar is collapsed.
|
||||
|
|
|
@ -1,16 +1,14 @@
|
|||
{
|
||||
"id": "053a3ffa-9233-4554-88f3-076e6a6ebb43",
|
||||
"name": "Hide tab mute",
|
||||
"description": "Hides the mute/unmute button when the sidebar is collapsed to make clicking on tabs easier.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/053a3ffa-9233-4554-88f3-076e6a6ebb43/image.png",
|
||||
"author": "Tc-001",
|
||||
"version": "1.0.1",
|
||||
"tags": [
|
||||
"tabs"
|
||||
],
|
||||
"createdAt": "2024-08-21",
|
||||
"updatedAt": "2024-09-18"
|
||||
}
|
||||
"id": "053a3ffa-9233-4554-88f3-076e6a6ebb43",
|
||||
"name": "Hide tab mute",
|
||||
"description": "Hides the mute/unmute button when the sidebar is collapsed to make clicking on tabs easier.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/053a3ffa-9233-4554-88f3-076e6a6ebb43/image.png",
|
||||
"author": "Tc-001",
|
||||
"version": "1.0.1",
|
||||
"tags": ["tabs"],
|
||||
"createdAt": "2024-08-21",
|
||||
"updatedAt": "2024-09-18"
|
||||
}
|
||||
|
|
|
@ -1,36 +1,39 @@
|
|||
|
||||
/* Hidden Reset Button - Hide the reset button behind the tab icon unless hovered. */
|
||||
.tab-icon-stack, .tab-reset-button {
|
||||
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-icon-stack,
|
||||
.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 {
|
||||
transform: rotate(-.5turn);
|
||||
width: 24px !important;
|
||||
margin: 0;
|
||||
margin-right: -24px;
|
||||
order: -1;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
scale: .5;
|
||||
overflow: hidden !important;
|
||||
transform: rotate(-0.5turn);
|
||||
width: 24px !important;
|
||||
margin: 0;
|
||||
margin-right: -24px;
|
||||
order: -1;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
scale: 0.5;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
.tab-reset-button:hover {
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
scale: 1;
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
scale: 1;
|
||||
}
|
||||
.tab-label-container {
|
||||
padding-left: 6px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
.tab-icon-stack:has(~ .tab-reset-button:hover) {
|
||||
opacity: 0;
|
||||
scale: 0;
|
||||
opacity: 0;
|
||||
scale: 0;
|
||||
}
|
||||
.tab-content .tab-icon-stack {
|
||||
padding: 4px;
|
||||
width: 24px;
|
||||
padding: 4px;
|
||||
width: 24px;
|
||||
}
|
||||
.tab-icon-stack .tab-icon-image {
|
||||
padding: 0;
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
|
||||
# Hidden Reset Button
|
||||
|
||||
Hide the reset button behind the tab icon unless hovered.
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "0c3d77bf-44fc-47a6-a183-39205dfa5f7e",
|
||||
"name": "Hidden Reset Button",
|
||||
"description": "Hide the reset button behind the tab icon unless hovered.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/image.png",
|
||||
"author": "AlexCookieDev",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-12-20",
|
||||
"updatedAt": "2024-12-22"
|
||||
}
|
||||
"id": "0c3d77bf-44fc-47a6-a183-39205dfa5f7e",
|
||||
"name": "Hidden Reset Button",
|
||||
"description": "Hide the reset button behind the tab icon unless hovered.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/image.png",
|
||||
"author": "AlexCookieDev",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-12-20",
|
||||
"updatedAt": "2024-12-22"
|
||||
}
|
||||
|
|
|
@ -1,22 +1,21 @@
|
|||
|
||||
:root {
|
||||
--zen-primary-color: #808080 !important;
|
||||
--zen-primary-color: #808080 !important;
|
||||
}
|
||||
|
||||
@media not (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--zen-colors-primary: #D2D2D2 !important;
|
||||
--zen-colors-secondary: #D2D2D2 !important;
|
||||
--zen-colors-tertiary: #FFFFFF !important;
|
||||
--zen-colors-border: #DDDDDD !important;
|
||||
}
|
||||
:root {
|
||||
--zen-colors-primary: #d2d2d2 !important;
|
||||
--zen-colors-secondary: #d2d2d2 !important;
|
||||
--zen-colors-tertiary: #ffffff !important;
|
||||
--zen-colors-border: #dddddd !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--zen-colors-primary: #373737 !important;
|
||||
--zen-colors-secondary: #373737 !important;
|
||||
--zen-colors-tertiary: #171717 !important;
|
||||
--zen-colors-border: #202020 !important;
|
||||
}
|
||||
:root {
|
||||
--zen-colors-primary: #373737 !important;
|
||||
--zen-colors-secondary: #373737 !important;
|
||||
--zen-colors-tertiary: #171717 !important;
|
||||
--zen-colors-border: #202020 !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
# Monochrome theme for [Zen Browser](https://github.com/zen-browser/desktop)
|
||||
|
||||
There is no monochrome option in theme settings, so i created this theme.
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "11d685eb-4515-4045-864b-0a50589f8a4d",
|
||||
"name": "Monochrome",
|
||||
"description": "There is no monochrome option in theme settings, so i created this 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",
|
||||
"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",
|
||||
"author": "antonsizikov",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-06",
|
||||
"updatedAt": "2024-10-06"
|
||||
}
|
||||
"id": "11d685eb-4515-4045-864b-0a50589f8a4d",
|
||||
"name": "Monochrome",
|
||||
"description": "There is no monochrome option in theme settings, so i created this 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",
|
||||
"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",
|
||||
"author": "antonsizikov",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-06",
|
||||
"updatedAt": "2024-10-06"
|
||||
}
|
||||
|
|
|
@ -1,14 +1,13 @@
|
|||
|
||||
scrollbox:nth-child(5) {
|
||||
scrollbar-width: thin !important;
|
||||
scrollbar-width: thin !important;
|
||||
}
|
||||
|
||||
@media (-moz-bool-pref: "zen.view.sidebar-expanded") {
|
||||
scrollbox:nth-child(5) {
|
||||
scrollbar-width: auto !important;
|
||||
}
|
||||
scrollbox:nth-child(5) {
|
||||
scrollbar-width: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
#navigator-toolbox {
|
||||
-moz-window-dragging: no-drag; /* Disables window dragging */
|
||||
-moz-window-dragging: no-drag; /* Disables window dragging */
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
# clickable Scrollbar in Sidebar
|
||||
|
||||
Makes Sidebar Scrollbar clickable
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "1207efa9-fce4-439f-a673-9d3c0e4e8820",
|
||||
"name": "Clickable Scrollbar",
|
||||
"description": "Makes Sidebar Scrollbar clickable",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1207efa9-fce4-439f-a673-9d3c0e4e8820/image.png",
|
||||
"author": "tahawael",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-19",
|
||||
"updatedAt": "2024-10-19"
|
||||
}
|
||||
"id": "1207efa9-fce4-439f-a673-9d3c0e4e8820",
|
||||
"name": "Clickable Scrollbar",
|
||||
"description": "Makes Sidebar Scrollbar clickable",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1207efa9-fce4-439f-a673-9d3c0e4e8820/image.png",
|
||||
"author": "tahawael",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-19",
|
||||
"updatedAt": "2024-10-19"
|
||||
}
|
||||
|
|
|
@ -1,6 +1,5 @@
|
|||
|
||||
#downloads-indicator-progress-outer::after {
|
||||
content: '';
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
|
||||
# Download BG
|
||||
|
||||
Add a background to the active download indicator.
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "13696593-837d-464d-adf4-ff13bd0e0545",
|
||||
"name": "Download BG",
|
||||
"description": "Add a background to the active download indicator.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "different55",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-12-29",
|
||||
"updatedAt": "2024-12-31"
|
||||
}
|
||||
"id": "13696593-837d-464d-adf4-ff13bd0e0545",
|
||||
"name": "Download BG",
|
||||
"description": "Add a background to the active download indicator.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "different55",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-12-29",
|
||||
"updatedAt": "2024-12-31"
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
/* This is an auto generated color theme. */
|
||||
:root {
|
||||
--zen-colors-primary: #FDC797 !important;
|
||||
--zen-colors-secondary: #FFFFFF25 !important;
|
||||
--zen-colors-tertiary: #101010 !important;
|
||||
--zen-colors-border: #282828 !important;
|
||||
--zen-colors-primary: #fdc797 !important;
|
||||
--zen-colors-secondary: #ffffff25 !important;
|
||||
--zen-colors-tertiary: #101010 !important;
|
||||
--zen-colors-border: #282828 !important;
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"isDarkMode": true,
|
||||
"primaryColor": "#FDC797",
|
||||
"secondaryColor": "#FFFFFF25",
|
||||
"tertiaryColor": "#101010",
|
||||
"colorsBorder": "#282828"
|
||||
}
|
||||
"isDarkMode": true,
|
||||
"primaryColor": "#FDC797",
|
||||
"secondaryColor": "#FFFFFF25",
|
||||
"tertiaryColor": "#101010",
|
||||
"colorsBorder": "#282828"
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
# 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.
|
||||
|
|
|
@ -1,19 +1,16 @@
|
|||
{
|
||||
"id": "17f70712-4530-42d0-ba0f-fa25bcbf2ddc",
|
||||
"name": "Vesper Dark",
|
||||
"description": "Pepermint and orange flavored dark theme for Zen browser.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://i.imgur.com/SmQiVq7.png",
|
||||
"author": "bdsqqq",
|
||||
"version": "1.0.1",
|
||||
"isDarkMode": true,
|
||||
"isColorTheme": true,
|
||||
"tags": [
|
||||
"color scheme",
|
||||
"dark"
|
||||
],
|
||||
"createdAt": "2024-08-22",
|
||||
"updatedAt": "2024-09-03"
|
||||
}
|
||||
"id": "17f70712-4530-42d0-ba0f-fa25bcbf2ddc",
|
||||
"name": "Vesper Dark",
|
||||
"description": "Pepermint and orange flavored dark theme for Zen browser.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://i.imgur.com/SmQiVq7.png",
|
||||
"author": "bdsqqq",
|
||||
"version": "1.0.1",
|
||||
"isDarkMode": true,
|
||||
"isColorTheme": true,
|
||||
"tags": ["color scheme", "dark"],
|
||||
"createdAt": "2024-08-22",
|
||||
"updatedAt": "2024-09-03"
|
||||
}
|
||||
|
|
|
@ -12,7 +12,8 @@
|
|||
border-radius: var(--uc-contextmenu-menuitem-border-radius) !important;
|
||||
}
|
||||
|
||||
.titlebar-max, .titlebar-restore {
|
||||
.titlebar-max,
|
||||
.titlebar-restore {
|
||||
padding-left: 10px !important;
|
||||
padding-right: 10px !important;
|
||||
margin-left: 5px !important;
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
# 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.
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "180d9426-a020-4bd7-98ec-63f957291119",
|
||||
"name": "TitleBarButton UI Tweaks",
|
||||
"description": "Small UI tweaks to the titlebar buttons to make them more coherent with the Zen Browser design philosophy.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/180d9426-a020-4bd7-98ec-63f957291119/image.png",
|
||||
"author": "DaitiDay",
|
||||
"version": "1.0.1",
|
||||
"tags": [],
|
||||
"createdAt": "2024-09-18",
|
||||
"updatedAt": "2024-10-19"
|
||||
}
|
||||
"id": "180d9426-a020-4bd7-98ec-63f957291119",
|
||||
"name": "TitleBarButton UI Tweaks",
|
||||
"description": "Small UI tweaks to the titlebar buttons to make them more coherent with the Zen Browser design philosophy.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/180d9426-a020-4bd7-98ec-63f957291119/image.png",
|
||||
"author": "DaitiDay",
|
||||
"version": "1.0.1",
|
||||
"tags": [],
|
||||
"createdAt": "2024-09-18",
|
||||
"updatedAt": "2024-10-19"
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#unified-extensions-view box.panel-header,
|
||||
#unified-extensions-description,
|
||||
#unified-extensions-messages-container {
|
||||
|
|
|
@ -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.
|
||||
|
||||
[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+)
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "1e86cf37-a127-4f24-b919-d265b5ce29a0",
|
||||
"name": "Cleaner Extension Menu",
|
||||
"description": "Remove header and reduce width of the Unified Extension Menu in Zen",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/image.png",
|
||||
"author": "KiKaraage",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-09-03",
|
||||
"updatedAt": "2024-09-03"
|
||||
}
|
||||
"id": "1e86cf37-a127-4f24-b919-d265b5ce29a0",
|
||||
"name": "Cleaner Extension Menu",
|
||||
"description": "Remove header and reduce width of the Unified Extension Menu in Zen",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/image.png",
|
||||
"author": "KiKaraage",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-09-03",
|
||||
"updatedAt": "2024-09-03"
|
||||
}
|
||||
|
|
|
@ -1,6 +1,9 @@
|
|||
|
||||
.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 {
|
||||
|
|
|
@ -1,10 +1,9 @@
|
|||
|
||||
## 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.
|
||||
|
||||
Letter boxing is used to make the browser window smaller in order to protect your privacy and make it harder to track you.
|
||||
Letter boxing is used to make the browser window smaller in order to protect your privacy and make it harder to track you.
|
||||
|
||||
The only problem is that Zen Browser doesn't look good with letterboxing enabled. This theme fixes that by making the letterboxing look better. Lettered areas are now rounded and the background uses the accent color to create a gradient effect.
|
||||
The only problem is that Zen Browser doesn't look good with letterboxing enabled. This theme fixes that by making the letterboxing look better. Lettered areas are now rounded and the background uses the accent color to create a gradient effect.
|
||||
|
||||
> Note that you need to enable lettterboxing on `about:config` for this to work properly! The key you need to change is `privacy.resistFingerprinting.letterboxing` to `true`.
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "1e9f3101-210b-4ff5-8830-434e4919100d",
|
||||
"name": "Better Letterboxing",
|
||||
"description": "More pleasant, theme-friendly, and most importantly, rounded letterboxing.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e9f3101-210b-4ff5-8830-434e4919100d/image.png",
|
||||
"author": "qtchaos",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-08-28",
|
||||
"updatedAt": "2024-08-28"
|
||||
}
|
||||
"id": "1e9f3101-210b-4ff5-8830-434e4919100d",
|
||||
"name": "Better Letterboxing",
|
||||
"description": "More pleasant, theme-friendly, and most importantly, rounded letterboxing.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e9f3101-210b-4ff5-8830-434e4919100d/image.png",
|
||||
"author": "qtchaos",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-08-28",
|
||||
"updatedAt": "2024-08-28"
|
||||
}
|
||||
|
|
|
@ -1,120 +1,116 @@
|
|||
[
|
||||
{
|
||||
"property": "uc.theme.bold-text-enable.enabled",
|
||||
"label": "Make numbers Bold",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.font_size",
|
||||
"label": "Select the Size for tab numbers",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "Medium",
|
||||
"options": [
|
||||
{
|
||||
"label": "Extra Small",
|
||||
"value": "XSmall"
|
||||
},
|
||||
{
|
||||
"label": "Small",
|
||||
"value": "Small"
|
||||
},
|
||||
{
|
||||
"label": "Medium (default)",
|
||||
"value": "Medium"
|
||||
},
|
||||
{
|
||||
"label": "Large",
|
||||
"value": "Large"
|
||||
},
|
||||
{
|
||||
"label": "Extra Large",
|
||||
"value": "XLarge"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.background_shape",
|
||||
"label": "Select the Shape for the tab number background",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "ModeratelyRounded",
|
||||
"options": [
|
||||
{
|
||||
"label": "Square",
|
||||
"value": "Square"
|
||||
},
|
||||
{
|
||||
"label": "Slightly Rounded Square",
|
||||
"value": "SlightlyRounded"
|
||||
},
|
||||
{
|
||||
"label": "Moderately Rounded Square (default)",
|
||||
"value": "ModeratelyRounded"
|
||||
},
|
||||
{
|
||||
"label": "Fully Rounded Square",
|
||||
"value": "FullyRounded"
|
||||
},
|
||||
{
|
||||
"label": "Perfect Circle",
|
||||
"value": "Circle"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.custom_color_enabled",
|
||||
"label": "(!) Press to enable custom colors (!)",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.number_color",
|
||||
"label": "Hex Code of Custom Text Color (first enable the above checkbox)",
|
||||
"placeholder": "eg. #ff0000",
|
||||
"type": "string",
|
||||
"disabledOn": [
|
||||
"!uc.theme.custom_color_enabled"
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.number_background_color",
|
||||
"label": "Hex Code of Custom Background Color (first enable the above checkbox)",
|
||||
"placeholder": "eg. #ff0000",
|
||||
"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",
|
||||
"options": [
|
||||
{
|
||||
"label": "Right (default)",
|
||||
"value": "Right"
|
||||
},
|
||||
{
|
||||
"label": "Left",
|
||||
"value": "Left"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.expanded_side",
|
||||
"label": "Side of the tab numbers when tabs are Expanded",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "Right",
|
||||
"options": [
|
||||
{
|
||||
"label": "Right (default)",
|
||||
"value": "Right"
|
||||
},
|
||||
{
|
||||
"label": "Left",
|
||||
"value": "Left"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
{
|
||||
"property": "uc.theme.bold-text-enable.enabled",
|
||||
"label": "Make numbers Bold",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.font_size",
|
||||
"label": "Select the Size for tab numbers",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "Medium",
|
||||
"options": [
|
||||
{
|
||||
"label": "Extra Small",
|
||||
"value": "XSmall"
|
||||
},
|
||||
{
|
||||
"label": "Small",
|
||||
"value": "Small"
|
||||
},
|
||||
{
|
||||
"label": "Medium (default)",
|
||||
"value": "Medium"
|
||||
},
|
||||
{
|
||||
"label": "Large",
|
||||
"value": "Large"
|
||||
},
|
||||
{
|
||||
"label": "Extra Large",
|
||||
"value": "XLarge"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.background_shape",
|
||||
"label": "Select the Shape for the tab number background",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "ModeratelyRounded",
|
||||
"options": [
|
||||
{
|
||||
"label": "Square",
|
||||
"value": "Square"
|
||||
},
|
||||
{
|
||||
"label": "Slightly Rounded Square",
|
||||
"value": "SlightlyRounded"
|
||||
},
|
||||
{
|
||||
"label": "Moderately Rounded Square (default)",
|
||||
"value": "ModeratelyRounded"
|
||||
},
|
||||
{
|
||||
"label": "Fully Rounded Square",
|
||||
"value": "FullyRounded"
|
||||
},
|
||||
{
|
||||
"label": "Perfect Circle",
|
||||
"value": "Circle"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.custom_color_enabled",
|
||||
"label": "(!) Press to enable custom colors (!)",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.number_color",
|
||||
"label": "Hex Code of Custom Text Color (first enable the above checkbox)",
|
||||
"placeholder": "eg. #ff0000",
|
||||
"type": "string",
|
||||
"disabledOn": ["!uc.theme.custom_color_enabled"]
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.number_background_color",
|
||||
"label": "Hex Code of Custom Background Color (first enable the above checkbox)",
|
||||
"placeholder": "eg. #ff0000",
|
||||
"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",
|
||||
"options": [
|
||||
{
|
||||
"label": "Right (default)",
|
||||
"value": "Right"
|
||||
},
|
||||
{
|
||||
"label": "Left",
|
||||
"value": "Left"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.expanded_side",
|
||||
"label": "Side of the tab numbers when tabs are Expanded",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "Right",
|
||||
"options": [
|
||||
{
|
||||
"label": "Right (default)",
|
||||
"value": "Right"
|
||||
},
|
||||
{
|
||||
"label": "Left",
|
||||
"value": "Left"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
|
@ -1,17 +1,15 @@
|
|||
{
|
||||
"id": "22c9ec3b-7c62-46ae-991f-c8fff5046829",
|
||||
"name": "Tab Numbers",
|
||||
"description": "Shows the Number corresponding to each Tab.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "philmard",
|
||||
"version": "1.0.4",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/preferences.json",
|
||||
"tags": [
|
||||
"tabs"
|
||||
],
|
||||
"createdAt": "2024-11-09",
|
||||
"updatedAt": "2025-01-25"
|
||||
}
|
||||
"id": "22c9ec3b-7c62-46ae-991f-c8fff5046829",
|
||||
"name": "Tab Numbers",
|
||||
"description": "Shows the Number corresponding to each Tab.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "philmard",
|
||||
"version": "1.0.4",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/preferences.json",
|
||||
"tags": ["tabs"],
|
||||
"createdAt": "2024-11-09",
|
||||
"updatedAt": "2025-01-25"
|
||||
}
|
||||
|
|
|
@ -1,40 +1,43 @@
|
|||
#tabbrowser-tabs[orient='vertical']
|
||||
.tabbrowser-tab
|
||||
.tab-icon-overlay:not([crashed]) {
|
||||
&:is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
background-color: #161717 !important;
|
||||
border: 1px solid #ffffff29 !important;
|
||||
transition: transform 100ms ease-in-out, background-color 100ms ease-in-out;
|
||||
#tabbrowser-tabs[orient="vertical"]
|
||||
.tabbrowser-tab
|
||||
.tab-icon-overlay:not([crashed]) {
|
||||
&:is([soundplaying], [muted], [activemedia-blocked]) {
|
||||
background-color: #161717 !important;
|
||||
border: 1px solid #ffffff29 !important;
|
||||
transition:
|
||||
transform 100ms ease-in-out,
|
||||
background-color 100ms ease-in-out;
|
||||
|
||||
&:hover {
|
||||
transition: transform 100ms ease-in-out,
|
||||
background-color 100ms ease-in-out !important;
|
||||
transform: scale(1.3) translate(-8%, 14%);
|
||||
transform-origin: center !important;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
transition:
|
||||
transform 100ms ease-in-out,
|
||||
background-color 100ms ease-in-out !important;
|
||||
transform: scale(1.3) translate(-8%, 14%);
|
||||
transform-origin: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
&[muted] {
|
||||
/* Different background color when muted */
|
||||
background-color: rgb(122, 31, 31) !important;
|
||||
&[muted] {
|
||||
/* Different background color when muted */
|
||||
background-color: rgb(122, 31, 31) !important;
|
||||
|
||||
/* Revert old icon */
|
||||
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg") !important;
|
||||
}
|
||||
/* Revert old icon */
|
||||
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg") !important;
|
||||
}
|
||||
|
||||
&[soundplaying] {
|
||||
/* Revert old icon */
|
||||
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg") !important;
|
||||
}
|
||||
&[soundplaying] {
|
||||
/* Revert old icon */
|
||||
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg") !important;
|
||||
}
|
||||
|
||||
&[activemedia-blocked] {
|
||||
/* Revert old icon */
|
||||
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-small.svg") !important;
|
||||
}
|
||||
&[activemedia-blocked] {
|
||||
/* Revert old icon */
|
||||
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-small.svg") !important;
|
||||
}
|
||||
|
||||
/* Revert new, zen's audio indicator */
|
||||
&[muted],
|
||||
&[soundplaying] {
|
||||
list-style-image: none !important;
|
||||
}
|
||||
}
|
||||
/* Revert new, zen's audio indicator */
|
||||
&[muted],
|
||||
&[soundplaying] {
|
||||
list-style-image: none !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
Enhanced audio indicator on tabs, visible when playing videos.
|
||||
|
||||
Currently, mod is tailored to dark theme.
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "2317fd93-c3ed-4f37-b55a-304c1816819e",
|
||||
"name": "Audio Indicator Enhanced",
|
||||
"description": "Enhanced audio indicator, with more polished style",
|
||||
"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",
|
||||
"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",
|
||||
"author": "Kaedriz",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-12-06",
|
||||
"updatedAt": "2025-01-25"
|
||||
}
|
||||
"id": "2317fd93-c3ed-4f37-b55a-304c1816819e",
|
||||
"name": "Audio Indicator Enhanced",
|
||||
"description": "Enhanced audio indicator, with more polished style",
|
||||
"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",
|
||||
"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",
|
||||
"author": "Kaedriz",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-12-06",
|
||||
"updatedAt": "2025-01-25"
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
window.sidebar-panel {
|
||||
background-color: var(--zen-themed-toolbar-bg) !important;
|
||||
}
|
||||
|
@ -35,14 +34,14 @@ button#viewButton:hover:active {
|
|||
background-color: var(--zen-colors-border) !important;
|
||||
}
|
||||
|
||||
#sidebar-box[sidebarcommand=viewHistorySidebar] #sidebar-header {
|
||||
border-bottom: 0px !important;
|
||||
#sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header {
|
||||
border-bottom: 0px !important;
|
||||
}
|
||||
|
||||
#sidebar-box[sidebarcommand="viewHistorySidebar"] {
|
||||
background-color: var(--zen-themed-toolbar-bg) !important;
|
||||
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);
|
||||
padding: var(--zen-toolbox-padding) !important;
|
||||
position: fixed;
|
||||
|
@ -55,12 +54,12 @@ button#viewButton:hover:active {
|
|||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
#sidebar-box[hidden=true][sidebarcommand="viewHistorySidebar"] {
|
||||
#sidebar-box[hidden="true"][sidebarcommand="viewHistorySidebar"] {
|
||||
display: flex !important;
|
||||
opacity: 0 !important;
|
||||
transform: translateX(105%);
|
||||
}
|
||||
|
||||
#sidebar-box[checked=true][sidebarcommand="viewHistorySidebar"] {
|
||||
#sidebar-box[checked="true"][sidebarcommand="viewHistorySidebar"] {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
|
||||
# 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.
|
||||
|
|
|
@ -1,13 +1,13 @@
|
|||
{
|
||||
"id": "253a3a74-0cc4-47b7-8b82-996a64f030d5",
|
||||
"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.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "ahmaadaziz",
|
||||
"createdAt": "2024-10-12",
|
||||
"updatedAt": "2024-10-12",
|
||||
"version": "1.0.0"
|
||||
}
|
||||
"id": "253a3a74-0cc4-47b7-8b82-996a64f030d5",
|
||||
"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.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "ahmaadaziz",
|
||||
"createdAt": "2024-10-12",
|
||||
"updatedAt": "2024-10-12",
|
||||
"version": "1.0.0"
|
||||
}
|
||||
|
|
|
@ -1,23 +1,23 @@
|
|||
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
|
||||
.tabbrowser-tab:is([soundplaying], [muted]) {
|
||||
& .tab-background::after {
|
||||
content:'';
|
||||
position: absolute;
|
||||
width: 4px !important;
|
||||
border-radius: 4px !important;
|
||||
height: 66.66% !important;
|
||||
top: 50%;
|
||||
left: calc(100% - 4px) !important;
|
||||
transform: translateY(-50%);
|
||||
background-color: var(--zen-primary-color) !important;
|
||||
}
|
||||
|
||||
&:not([selected='true']) .tab-background::after{
|
||||
height: 33.33% !important;
|
||||
}
|
||||
|
||||
&:not([selected='true']):hover .tab-background::after{
|
||||
height: 66.66% !important;
|
||||
}
|
||||
}
|
||||
.tabbrowser-tab:is([soundplaying], [muted]) {
|
||||
& .tab-background::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 4px !important;
|
||||
border-radius: 4px !important;
|
||||
height: 66.66% !important;
|
||||
top: 50%;
|
||||
left: calc(100% - 4px) !important;
|
||||
transform: translateY(-50%);
|
||||
background-color: var(--zen-primary-color) !important;
|
||||
}
|
||||
|
||||
&:not([selected="true"]) .tab-background::after {
|
||||
height: 33.33% !important;
|
||||
}
|
||||
|
||||
&:not([selected="true"]):hover .tab-background::after {
|
||||
height: 66.66% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
|
||||
# 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.
|
||||
|
||||
**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.
|
||||
|
||||
---
|
||||
|
|
|
@ -1,16 +1,14 @@
|
|||
{
|
||||
"id": "2e3369c7-e450-46ba-8794-75ccb0de5e48",
|
||||
"name": "Now playing indicator",
|
||||
"description": "Display an indicator on the 'Now playing' tab when the sidebar is collapsed.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "benstone326",
|
||||
"version": "1.2.1",
|
||||
"tags": [
|
||||
"tabs"
|
||||
],
|
||||
"createdAt": "2024-08-28",
|
||||
"updatedAt": "2024-10-19"
|
||||
}
|
||||
"id": "2e3369c7-e450-46ba-8794-75ccb0de5e48",
|
||||
"name": "Now playing indicator",
|
||||
"description": "Display an indicator on the 'Now playing' tab when the sidebar is collapsed.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "benstone326",
|
||||
"version": "1.2.1",
|
||||
"tags": ["tabs"],
|
||||
"createdAt": "2024-08-28",
|
||||
"updatedAt": "2024-10-19"
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#statuspanel {
|
||||
margin: var(--theme-customstatusbar-margin) !important;
|
||||
}
|
||||
|
@ -6,7 +5,8 @@
|
|||
#statuspanel-label {
|
||||
border-radius: var(--theme-customstatusbar-radius) !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;
|
||||
color: var(--theme-customstatusbar-text_color) !important; /* Text color */
|
||||
}
|
||||
|
|
|
@ -1,50 +1,50 @@
|
|||
[
|
||||
{
|
||||
"property": "theme.customstatusbar.radius",
|
||||
"label": "Round the corners. (default: 1000px)",
|
||||
"type": "string",
|
||||
"defaultValue": "1000px",
|
||||
"placeholder": "1000px",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "theme.customstatusbar.margin",
|
||||
"label": "Set the margin. (default: 8px)",
|
||||
"type": "string",
|
||||
"defaultValue": "8px",
|
||||
"placeholder": "8px",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "theme.customstatusbar.border_thickness",
|
||||
"label": "Set the thickness of the border. '2px'",
|
||||
"type": "string",
|
||||
"defaultValue": "2px",
|
||||
"placeholder": "2px",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "theme.customstatusbar.color_border",
|
||||
"label": "Set the border color. '#0e03ad' or 'var(--zen-colors-border)'",
|
||||
"type": "string",
|
||||
"defaultValue": "var(--zen-colors-border)",
|
||||
"placeholder": "var(--zen-colors-border)",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "theme.customstatusbar.color_background",
|
||||
"label": "Set the background color. '#a403ad' or 'var(--zen-colors-tertiary)'",
|
||||
"type": "string",
|
||||
"defaultValue": "var(--zen-colors-tertiary)",
|
||||
"placeholder": "var(--zen-colors-tertiary)",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "theme.customstatusbar.text_color",
|
||||
"label": "Set the text color. '#a403ad' or 'var(--lwt-text-color)'",
|
||||
"type": "string",
|
||||
"defaultValue": "var(--lwt-text-color)",
|
||||
"placeholder": "var(--lwt-text-color)",
|
||||
"disabledOn": []
|
||||
}
|
||||
]
|
||||
{
|
||||
"property": "theme.customstatusbar.radius",
|
||||
"label": "Round the corners. (default: 1000px)",
|
||||
"type": "string",
|
||||
"defaultValue": "1000px",
|
||||
"placeholder": "1000px",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "theme.customstatusbar.margin",
|
||||
"label": "Set the margin. (default: 8px)",
|
||||
"type": "string",
|
||||
"defaultValue": "8px",
|
||||
"placeholder": "8px",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "theme.customstatusbar.border_thickness",
|
||||
"label": "Set the thickness of the border. '2px'",
|
||||
"type": "string",
|
||||
"defaultValue": "2px",
|
||||
"placeholder": "2px",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "theme.customstatusbar.color_border",
|
||||
"label": "Set the border color. '#0e03ad' or 'var(--zen-colors-border)'",
|
||||
"type": "string",
|
||||
"defaultValue": "var(--zen-colors-border)",
|
||||
"placeholder": "var(--zen-colors-border)",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "theme.customstatusbar.color_background",
|
||||
"label": "Set the background color. '#a403ad' or 'var(--zen-colors-tertiary)'",
|
||||
"type": "string",
|
||||
"defaultValue": "var(--zen-colors-tertiary)",
|
||||
"placeholder": "var(--zen-colors-tertiary)",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "theme.customstatusbar.text_color",
|
||||
"label": "Set the text color. '#a403ad' or 'var(--lwt-text-color)'",
|
||||
"type": "string",
|
||||
"defaultValue": "var(--lwt-text-color)",
|
||||
"placeholder": "var(--lwt-text-color)",
|
||||
"disabledOn": []
|
||||
}
|
||||
]
|
||||
|
|
|
@ -1,11 +1,12 @@
|
|||
|
||||
# Usage example
|
||||
- You can customize the margin: "8px"
|
||||
- You can customize the edgerounding: "100px"
|
||||
- You can customize the border-thickness "1px"
|
||||
- You can customize the text, boder and background color: "#0e03ad"
|
||||
|
||||
- You can customize the margin: "8px"
|
||||
- You can customize the edgerounding: "100px"
|
||||
- You can customize the border-thickness "1px"
|
||||
- You can customize the text, boder and background color: "#0e03ad"
|
||||
|
||||
## Custom colors
|
||||
|
||||
You can use HEX: "#0e03ad"
|
||||
|
||||
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<
|
||||
|
||||
## Settings (checkbox in Zens Mod settings):
|
||||
- Set the margin (default "8px")
|
||||
- Set the edgerounding (default "100px")
|
||||
- Set the border-thickness (default "1px")
|
||||
- Set the text-color (default "var(--lwt-text-color)")
|
||||
- Set the border-color (default "var(--zen-colors-border)")
|
||||
- Set the background-color (default "var(--zen-colors-tertiary)")
|
||||
|
||||
- Set the margin (default "8px")
|
||||
- Set the edgerounding (default "100px")
|
||||
- Set the border-thickness (default "1px")
|
||||
- Set the text-color (default "var(--lwt-text-color)")
|
||||
- Set the border-color (default "var(--zen-colors-border)")
|
||||
- Set the background-color (default "var(--zen-colors-tertiary)")
|
||||
|
|
|
@ -1,15 +1,15 @@
|
|||
{
|
||||
"id": "32aca67a-ffdd-49e7-95c7-1821793610ca",
|
||||
"name": "Custom 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",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/image.png",
|
||||
"author": "Archer7x",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-11-19",
|
||||
"updatedAt": "2024-11-23",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/preferences.json"
|
||||
}
|
||||
"id": "32aca67a-ffdd-49e7-95c7-1821793610ca",
|
||||
"name": "Custom 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",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/image.png",
|
||||
"author": "Archer7x",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-11-19",
|
||||
"updatedAt": "2024-11-23",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/32aca67a-ffdd-49e7-95c7-1821793610ca/preferences.json"
|
||||
}
|
||||
|
|
|
@ -1,26 +1,26 @@
|
|||
[
|
||||
{
|
||||
"property": "uc.theme.comptitle-one-char-title.enabled",
|
||||
"label": "Shorter title (1 character)",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.comptitle-three-char-title.enabled",
|
||||
"label": "Longer title (3 characters)",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.comptitle-enable-pinned.enabled",
|
||||
"label": "Enable in pinned tabs",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.comptitle-default-text.enabled",
|
||||
"label": "More contrast-y text, may be harder to look at",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
}
|
||||
]
|
||||
{
|
||||
"property": "uc.theme.comptitle-one-char-title.enabled",
|
||||
"label": "Shorter title (1 character)",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.comptitle-three-char-title.enabled",
|
||||
"label": "Longer title (3 characters)",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.comptitle-enable-pinned.enabled",
|
||||
"label": "Enable in pinned tabs",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
},
|
||||
{
|
||||
"property": "uc.theme.comptitle-default-text.enabled",
|
||||
"label": "More contrast-y text, may be harder to look at",
|
||||
"type": "checkbox",
|
||||
"disabledOn": []
|
||||
}
|
||||
]
|
||||
|
|
|
@ -1,6 +1,5 @@
|
|||
|
||||
# Compact tabs title
|
||||
|
||||
Shows the first few characters of the tab even if compact mode is on.
|
||||
This can help you differentiate between multiple tabs even if they all have the same favicon.
|
||||
Shows the first few characters of the tab even if compact mode is on.
|
||||
This can help you differentiate between multiple tabs even if they all have the same favicon.
|
||||
You can customize between 1, 2, or 3 letters shown.
|
||||
|
|
|
@ -1,17 +1,15 @@
|
|||
{
|
||||
"id": "35f24f2c-b211-43e2-9fe4-2c3bc217d9f7",
|
||||
"name": "Compact tabs title",
|
||||
"description": "Show the first few title characters even in compact mode",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/image.png",
|
||||
"author": "Tc-001",
|
||||
"version": "1.0.0",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/preferences.json",
|
||||
"tags": [
|
||||
"tabs"
|
||||
],
|
||||
"createdAt": "2024-08-28",
|
||||
"updatedAt": "2024-09-07"
|
||||
}
|
||||
"id": "35f24f2c-b211-43e2-9fe4-2c3bc217d9f7",
|
||||
"name": "Compact tabs title",
|
||||
"description": "Show the first few title characters even in compact mode",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/image.png",
|
||||
"author": "Tc-001",
|
||||
"version": "1.0.0",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/35f24f2c-b211-43e2-9fe4-2c3bc217d9f7/preferences.json",
|
||||
"tags": ["tabs"],
|
||||
"createdAt": "2024-08-28",
|
||||
"updatedAt": "2024-09-07"
|
||||
}
|
||||
|
|
|
@ -1,94 +1,62 @@
|
|||
|
||||
html {
|
||||
--sidebery-width: 40px;
|
||||
--sidebery-hidden-width: 10px;
|
||||
--sidebery-open-width: 250px;
|
||||
--sidebery-border-color: color-mix(in srgb, var(--sidebar-border-color) 60%, transparent);
|
||||
--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);
|
||||
html {
|
||||
--sidebery-width: 40px;
|
||||
--sidebery-hidden-width: 10px;
|
||||
--sidebery-open-width: 250px;
|
||||
--sidebery-border-color: color-mix(
|
||||
in srgb,
|
||||
var(--sidebar-border-color) 60%,
|
||||
transparent
|
||||
);
|
||||
--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 {
|
||||
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 {
|
||||
#zen-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 {
|
||||
}
|
||||
@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;
|
||||
|
@ -98,66 +66,144 @@
|
|||
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 {
|
||||
#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 {
|
||||
#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 {
|
||||
#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"]),
|
||||
: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,
|
||||
:root[inFullscreen=true]:has(#theme-Sidebery[theme-sidebery-layout=auto-hide-fs]) #sidebar-box {
|
||||
opacity: 0;
|
||||
#sidebar-box {
|
||||
background-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
box-shadow: none !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 {
|
||||
opacity: 1;
|
||||
#sidebar-box #sidebar-header {
|
||||
opacity: 0.75;
|
||||
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') {
|
||||
window.sidebar-panel,
|
||||
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;
|
||||
}
|
||||
#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.bottom-layout') {
|
||||
#sidebar-box #sidebar-header {
|
||||
order: 1;
|
||||
border-style: 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;
|
||||
}
|
||||
}
|
||||
@media (-moz-bool-pref: "theme.sidebery.sidebar-header.hide") {
|
||||
#sidebar-box #sidebar-header {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,49 +1,49 @@
|
|||
[
|
||||
{
|
||||
"property": "theme.sidebery.layout",
|
||||
"label": "Auto-hide the sidebar",
|
||||
"type": "dropdown",
|
||||
"placeholder": "Do not hide",
|
||||
"defaultValue": "auto-hide-fs",
|
||||
"options": [
|
||||
{
|
||||
"label": "Auto-hide, expand on hover",
|
||||
"value": "auto-hide"
|
||||
},
|
||||
{
|
||||
"label": "Auto-hide in full-screen mode only",
|
||||
"value": "auto-hide-fs"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "theme.sidebery.compact-view",
|
||||
"label": "Compact mode",
|
||||
"type": "checkbox",
|
||||
"defaultValue": false
|
||||
},
|
||||
{
|
||||
"property": "browser.tabs.allow_transparent_browser",
|
||||
"label": "Allow Transparent Browser Tabs",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "theme.sidebery.hide-zen-tabbar",
|
||||
"label": "Hide Native Zen Tab UI",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "theme.sidebery.sidebar-header.hide",
|
||||
"label": "Hide Browser Sidebar Header",
|
||||
"type": "checkbox",
|
||||
"defaultValue": false
|
||||
},
|
||||
{
|
||||
"property": "theme.sidebery.sidebar-header.bottom-layout",
|
||||
"label": "Push Browser Sidebar Header Down",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
}
|
||||
]
|
||||
{
|
||||
"property": "theme.sidebery.layout",
|
||||
"label": "Auto-hide the sidebar",
|
||||
"type": "dropdown",
|
||||
"placeholder": "Do not hide",
|
||||
"defaultValue": "auto-hide-fs",
|
||||
"options": [
|
||||
{
|
||||
"label": "Auto-hide, expand on hover",
|
||||
"value": "auto-hide"
|
||||
},
|
||||
{
|
||||
"label": "Auto-hide in full-screen mode only",
|
||||
"value": "auto-hide-fs"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "theme.sidebery.compact-view",
|
||||
"label": "Compact mode",
|
||||
"type": "checkbox",
|
||||
"defaultValue": false
|
||||
},
|
||||
{
|
||||
"property": "browser.tabs.allow_transparent_browser",
|
||||
"label": "Allow Transparent Browser Tabs",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "theme.sidebery.hide-zen-tabbar",
|
||||
"label": "Hide Native Zen Tab UI",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
},
|
||||
{
|
||||
"property": "theme.sidebery.sidebar-header.hide",
|
||||
"label": "Hide Browser Sidebar Header",
|
||||
"type": "checkbox",
|
||||
"defaultValue": false
|
||||
},
|
||||
{
|
||||
"property": "theme.sidebery.sidebar-header.bottom-layout",
|
||||
"label": "Push Browser Sidebar Header Down",
|
||||
"type": "checkbox",
|
||||
"defaultValue": true
|
||||
}
|
||||
]
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
Tweaks to support Sidebery as an alternative to Zen's native tabs and workspace implementation.
|
||||
|
||||
### Features
|
||||
|
||||
- Hide native Zen Tab controls.
|
||||
- Transparent browser sidebar background.
|
||||
- Compact mode for browser sidebar.
|
||||
|
@ -13,17 +14,19 @@ Tweaks to support Sidebery as an alternative to Zen's native tabs and workspace
|
|||
All features are optional and configurable from the UI.
|
||||
|
||||
### Dependencies:
|
||||
|
||||
- **[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.
|
||||
|
||||
### Operation Tips
|
||||
|
||||
- You must download, install and activate Sidebery on your own.
|
||||
- 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.
|
||||
- Rememeber to clear your userChrome.css entries and Sidebery style customizations if things appear broken.
|
||||
- Rememeber to clear your userChrome.css entries and Sidebery style customizations if things appear broken.
|
||||
- If you manage to shrink the sidebar too much while playing with settings, you can always drag it back to original size.
|
||||
- Feel free to report issues and feature requests.
|
||||
|
||||
Author: Shaan | [Discord](https://discord.gg/NAQaFU8e) | [Github](https://github.com/shanto)
|
||||
|
||||
Credits: Alexcoder5 (Github), therealmg (Discord), air.king (Discord), mbnuqw (Github) and the entire Sidebery team.
|
||||
Credits: Alexcoder5 (Github), therealmg (Discord), air.king (Discord), mbnuqw (Github) and the entire Sidebery team.
|
||||
|
|
|
@ -1,15 +1,15 @@
|
|||
{
|
||||
"id": "39907934-59e9-4e42-89f0-a254d3c5e280",
|
||||
"name": "Sidebery",
|
||||
"description": "Tweaks to support Sidebery as an alternative to Zen's native tabs and workspace implementation.",
|
||||
"homepage": "https://github.com/shanto/sidebery",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/image.png",
|
||||
"author": "Shaan",
|
||||
"version": "1.0.2",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/preferences.json",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-09",
|
||||
"updatedAt": "2024-12-31"
|
||||
}
|
||||
"id": "39907934-59e9-4e42-89f0-a254d3c5e280",
|
||||
"name": "Sidebery",
|
||||
"description": "Tweaks to support Sidebery as an alternative to Zen's native tabs and workspace implementation.",
|
||||
"homepage": "https://github.com/shanto/sidebery",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/image.png",
|
||||
"author": "Shaan",
|
||||
"version": "1.0.2",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/39907934-59e9-4e42-89f0-a254d3c5e280/preferences.json",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-09",
|
||||
"updatedAt": "2024-12-31"
|
||||
}
|
||||
|
|
|
@ -1,3 +1,11 @@
|
|||
|
||||
.tab-context-line{display: none !important;}
|
||||
#tabbrowser-tabs { & .tabbrowser-tab { &[selected] .tab-background { border: 2px solid var(--identity-icon-color) !important; opacity: 0.8 !important;}}}
|
||||
.tab-context-line {
|
||||
display: none !important;
|
||||
}
|
||||
#tabbrowser-tabs {
|
||||
& .tabbrowser-tab {
|
||||
&[selected] .tab-background {
|
||||
border: 2px solid var(--identity-icon-color) !important;
|
||||
opacity: 0.8 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,2 +1 @@
|
|||
|
||||
Changes the default left sided container color from tabs.
|
||||
|
|
|
@ -1,16 +1,14 @@
|
|||
{
|
||||
"id": "3ff55ba7-4690-4f74-96a8-9e4416685e4e",
|
||||
"name": "Colored container tab",
|
||||
"description": "Changes the default container tab theme",
|
||||
"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",
|
||||
"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",
|
||||
"author": "ocean-mars",
|
||||
"version": "1.0.0",
|
||||
"tags": [
|
||||
"tabs"
|
||||
],
|
||||
"createdAt": "2024-10-06",
|
||||
"updatedAt": "2024-10-06"
|
||||
}
|
||||
"id": "3ff55ba7-4690-4f74-96a8-9e4416685e4e",
|
||||
"name": "Colored container tab",
|
||||
"description": "Changes the default container tab theme",
|
||||
"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",
|
||||
"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",
|
||||
"author": "ocean-mars",
|
||||
"version": "1.0.0",
|
||||
"tags": ["tabs"],
|
||||
"createdAt": "2024-10-06",
|
||||
"updatedAt": "2024-10-06"
|
||||
}
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
|
||||
#tabbrowser-tabs .tabbrowser-tab:not([pinned]):is([visuallyselected]):not(:hover) .tab-close-button {
|
||||
display: none !important;
|
||||
#tabbrowser-tabs
|
||||
.tabbrowser-tab:not([pinned]):is([visuallyselected]):not(:hover)
|
||||
.tab-close-button {
|
||||
display: none !important;
|
||||
}
|
||||
|
|
|
@ -1,3 +1,2 @@
|
|||
|
||||
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.
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "4596d8f9-f0b7-4aeb-aa92-851222dc1888",
|
||||
"name": "Only Close On Hover",
|
||||
"description": "Show tab's close button only on hover, even on the active tab.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4596d8f9-f0b7-4aeb-aa92-851222dc1888/image.png",
|
||||
"author": "p-sw",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-12",
|
||||
"updatedAt": "2024-10-12"
|
||||
}
|
||||
"id": "4596d8f9-f0b7-4aeb-aa92-851222dc1888",
|
||||
"name": "Only Close On Hover",
|
||||
"description": "Show tab's close button only on hover, even on the active tab.",
|
||||
"homepage": "",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/4596d8f9-f0b7-4aeb-aa92-851222dc1888/image.png",
|
||||
"author": "p-sw",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-10-12",
|
||||
"updatedAt": "2024-10-12"
|
||||
}
|
||||
|
|
|
@ -1,6 +1,5 @@
|
|||
|
||||
/* Move #zen-essentials-container to the bottom of the sidebar */
|
||||
#zen-essentials-container {
|
||||
margin-top: auto; /* Pushes #zen-essentials-container to the bottom */
|
||||
order: 999; /* In case flexbox is used, ensure it's last */
|
||||
margin-top: auto; /* Pushes #zen-essentials-container to the bottom */
|
||||
order: 999; /* In case flexbox is used, ensure it's last */
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
<p align="center">
|
||||
<img src="https://github.com/user-attachments/assets/0b66b793-f3d9-43c5-80f6-49488aefac2d" alt="Wazz's custom image"/>
|
||||
</p>
|
||||
|
||||
# Move Essentials to Bottom
|
||||
|
||||
Moves your essentials to the bottom on the Sidebar.
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "477bc813-c333-4747-813e-00e0420ceec0",
|
||||
"name": "Bottom Essentials",
|
||||
"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",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/477bc813-c333-4747-813e-00e0420ceec0/image.png",
|
||||
"author": "TheBigWazz",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-11-12",
|
||||
"updatedAt": "2024-11-19"
|
||||
}
|
||||
"id": "477bc813-c333-4747-813e-00e0420ceec0",
|
||||
"name": "Bottom Essentials",
|
||||
"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",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/477bc813-c333-4747-813e-00e0420ceec0/image.png",
|
||||
"author": "TheBigWazz",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-11-12",
|
||||
"updatedAt": "2024-11-19"
|
||||
}
|
||||
|
|
|
@ -4,14 +4,14 @@
|
|||
--uc-compact-tab-close-button-bg-hover-color: rgb(254, 254, 254);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--uc-compact-tab-close-button-bg-color: rgb(28, 28, 32);
|
||||
--uc-compact-tab-close-button-bg-hover-color: rgb(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
|
||||
& .tabbrowser-tab {
|
||||
&:not([pinned]) {
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
# Collapsed Tab Close Button
|
||||
|
||||
This theme adds a close button to the collapsed tabs in Zen Browser.
|
||||
|
|
|
@ -1,16 +1,14 @@
|
|||
{
|
||||
"id": "49dbaa98-06ee-42bd-9a8e-834babef7a41",
|
||||
"name": "Collapsed Tab X Button",
|
||||
"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",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/49dbaa98-06ee-42bd-9a8e-834babef7a41/image.png",
|
||||
"author": "burnt0rice",
|
||||
"version": "1.0.0",
|
||||
"tags": [
|
||||
"tabs"
|
||||
],
|
||||
"createdAt": "2024-08-31",
|
||||
"updatedAt": "2024-09-07"
|
||||
}
|
||||
"id": "49dbaa98-06ee-42bd-9a8e-834babef7a41",
|
||||
"name": "Collapsed Tab X Button",
|
||||
"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",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/49dbaa98-06ee-42bd-9a8e-834babef7a41/image.png",
|
||||
"author": "burnt0rice",
|
||||
"version": "1.0.0",
|
||||
"tags": ["tabs"],
|
||||
"createdAt": "2024-08-31",
|
||||
"updatedAt": "2024-09-07"
|
||||
}
|
||||
|
|
|
@ -4,4 +4,4 @@ scrollbox:nth-child(5) {
|
|||
/* Pinned Tabs */
|
||||
#vertical-pinned-tabs-container {
|
||||
scrollbar-width: none !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "4ab93b88-151c-451b-a1b7-a1e0e28fa7f8",
|
||||
"name": "No Sidebar Scrollbar",
|
||||
"description": "This theme removes the Sidebar Scrollbar while retaining the scroll functionality.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "mally8",
|
||||
"version": "1.0.3",
|
||||
"tags": [],
|
||||
"createdAt": "2024-09-01",
|
||||
"updatedAt": "2024-11-19"
|
||||
}
|
||||
"id": "4ab93b88-151c-451b-a1b7-a1e0e28fa7f8",
|
||||
"name": "No Sidebar Scrollbar",
|
||||
"description": "This theme removes the Sidebar Scrollbar while retaining the scroll functionality.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "mally8",
|
||||
"version": "1.0.3",
|
||||
"tags": [],
|
||||
"createdAt": "2024-09-01",
|
||||
"updatedAt": "2024-11-19"
|
||||
}
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
/* This is an auto generated color theme. */
|
||||
:root {
|
||||
--zen-colors-primary: #2d5b69 !important;
|
||||
--zen-colors-secondary: #2d5b69 !important;
|
||||
--zen-colors-tertiary: #002b36 !important;
|
||||
--zen-colors-border: #2d5b69 !important;
|
||||
--zen-dialog-background: #002b36 !important;
|
||||
--zen-colors-primary: #2d5b69 !important;
|
||||
--zen-colors-secondary: #2d5b69 !important;
|
||||
--zen-colors-tertiary: #002b36 !important;
|
||||
--zen-colors-border: #2d5b69 !important;
|
||||
--zen-dialog-background: #002b36 !important;
|
||||
}
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
{
|
||||
"isDarkMode": true,
|
||||
"primaryColor": "#2d5b69",
|
||||
"secondaryColor": " #2d5b69",
|
||||
"tertiaryColor": "#002b36",
|
||||
"colorsBorder": "#2d5b69",
|
||||
"dialogBg": "#002b36"
|
||||
"isDarkMode": true,
|
||||
"primaryColor": "#2d5b69",
|
||||
"secondaryColor": " #2d5b69",
|
||||
"tertiaryColor": "#002b36",
|
||||
"colorsBorder": "#2d5b69",
|
||||
"dialogBg": "#002b36"
|
||||
}
|
||||
|
|
|
@ -1,2 +1 @@
|
|||
|
||||
Dive into Solarized theme for Zen!
|
||||
|
|
|
@ -1,19 +1,16 @@
|
|||
{
|
||||
"id": "56449583-f295-4f34-baf8-da70d3d156e7",
|
||||
"name": "Solarized",
|
||||
"description": "Solarized color pallete ported into Zen!",
|
||||
"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",
|
||||
"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",
|
||||
"author": "mohvn",
|
||||
"version": "1.0.0",
|
||||
"isDarkMode": true,
|
||||
"isColorTheme": true,
|
||||
"tags": [
|
||||
"color scheme",
|
||||
"dark"
|
||||
],
|
||||
"createdAt": "2024-09-09",
|
||||
"updatedAt": "2024-09-09"
|
||||
}
|
||||
"id": "56449583-f295-4f34-baf8-da70d3d156e7",
|
||||
"name": "Solarized",
|
||||
"description": "Solarized color pallete ported into Zen!",
|
||||
"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",
|
||||
"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",
|
||||
"author": "mohvn",
|
||||
"version": "1.0.0",
|
||||
"isDarkMode": true,
|
||||
"isColorTheme": true,
|
||||
"tags": ["color scheme", "dark"],
|
||||
"createdAt": "2024-09-09",
|
||||
"updatedAt": "2024-09-09"
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
/* Remove border from the URL bar when not focused */
|
||||
#urlbar:not([focused]) {
|
||||
border: none !important;
|
||||
|
@ -15,15 +14,15 @@
|
|||
position: fixed;
|
||||
pointer-events: none;
|
||||
|
||||
width: 100vw;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
|
||||
top: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
backdrop-filter: blur(2px);
|
||||
backdrop-filter: blur(2px);
|
||||
|
||||
z-index: -1;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
/* set navbar height to super compact density */
|
||||
|
@ -39,25 +38,30 @@ z-index: -1;
|
|||
}
|
||||
|
||||
/* 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 {
|
||||
margin: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
@media not (-moz-bool-pref: "zen.view.compact") {
|
||||
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
|
||||
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
|
||||
margin: 0 !important;
|
||||
border-radius: var(--zen-webview-border-radius, var(--zen-border-radius)) !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
:root:not([zen-compact-mode="true"]):not([inDOMFullscreen="true"]):not(
|
||||
[chromehidden~="location"]
|
||||
):not([chromehidden~="toolbar"]) {
|
||||
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
|
||||
margin: 0 !important;
|
||||
border-radius: var(
|
||||
--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 */
|
||||
@media (-moz-bool-pref: "zen.view.compact") {
|
||||
:root[zen-compact-mode="true"] {
|
||||
#navigator-toolbox {
|
||||
padding: 5px !important;
|
||||
}
|
||||
|
@ -67,36 +71,38 @@ z-index: -1;
|
|||
#urlbar:not([usertyping]) {
|
||||
.urlbarView-results {
|
||||
padding-inline: 10px !important;
|
||||
display: grid !important;
|
||||
grid-template-rows: repeat(2, auto) !important;
|
||||
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
|
||||
gap: 10px;
|
||||
display: grid !important;
|
||||
grid-template-rows: repeat(2, auto) !important;
|
||||
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
|
||||
gap: 10px;
|
||||
justify-content: space-evenly !important;
|
||||
white-space: normal !important;
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
.urlbarView-row-inner{
|
||||
|
||||
.urlbarView-row-inner {
|
||||
justify-content: center !important;
|
||||
padding: 10px !important;
|
||||
width: 100px !important;
|
||||
padding: 10px !important;
|
||||
width: 100px !important;
|
||||
mask-image: linear-gradient(to left, transparent, black 3ch);
|
||||
}
|
||||
|
||||
.urlbarView-no-wrap{
|
||||
.urlbarView-no-wrap {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
max-width: 100% !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.urlbarView-favicon {
|
||||
.urlbarView-favicon {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
margin: 0px !important;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.urlbarView-url, .urlbarView-title-separator, .urlbarView-type-icon {
|
||||
.urlbarView-url,
|
||||
.urlbarView-title-separator,
|
||||
.urlbarView-type-icon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
|
||||
# Super Sleek UI Theme for Zen Browser
|
||||
|
||||
A sleek & minimalistic UI with grid-style quick access, smaller navbar, no border padding & more.
|
||||
|
||||
Features:
|
||||
|
||||
- Added: Grid-style quick access shortcuts to search bar.
|
||||
- Added: Pop-out effect & slight background blur when search bar in focus.
|
||||
- Modified: Smaller navbar.
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "570afd9d-96fa-48b5-bad3-0c106757cce9",
|
||||
"name": "Super Sleek UI",
|
||||
"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",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/image.png",
|
||||
"author": "lingais",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-08-28",
|
||||
"updatedAt": "2024-08-28"
|
||||
}
|
||||
"id": "570afd9d-96fa-48b5-bad3-0c106757cce9",
|
||||
"name": "Super Sleek UI",
|
||||
"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",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/570afd9d-96fa-48b5-bad3-0c106757cce9/image.png",
|
||||
"author": "lingais",
|
||||
"version": "1.0.1",
|
||||
"tags": [],
|
||||
"createdAt": "2024-08-28",
|
||||
"updatedAt": "2024-08-28"
|
||||
}
|
||||
|
|
|
@ -11,47 +11,121 @@
|
|||
|
||||
:root {
|
||||
--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-border-size: 2px;
|
||||
}
|
||||
|
||||
|
||||
/*******************************************\
|
||||
* 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(#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: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(
|
||||
#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 {
|
||||
--pbmh-private-browsing-mode-color: var(--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);
|
||||
--pbmh-private-browsing-mode-color: var(
|
||||
--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"]) {
|
||||
--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-border: oklch(from var(--pbmh-private-browsing-mode-color) calc(l - 0.2) c h);
|
||||
--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-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"]) {
|
||||
--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="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 {
|
||||
background-image: linear-gradient(
|
||||
to bottom,
|
||||
var(--pbmh-private-browsing-mode-color),
|
||||
var(--pbmh-private-browsing-mode-gradient-stop-color) var(--pbmg-private-browsing-mode-gradient-stop-position),
|
||||
transparent calc(var(--pbmg-private-browsing-mode-gradient-stop-position) + 1px)
|
||||
var(--pbmh-private-browsing-mode-color),
|
||||
var(--pbmh-private-browsing-mode-gradient-stop-color)
|
||||
var(--pbmg-private-browsing-mode-gradient-stop-position),
|
||||
transparent
|
||||
calc(var(--pbmg-private-browsing-mode-gradient-stop-position) + 1px)
|
||||
) !important;
|
||||
}
|
||||
}
|
||||
|
@ -60,13 +134,22 @@
|
|||
* 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;
|
||||
}
|
||||
|
||||
: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 {
|
||||
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;
|
||||
height: auto;
|
||||
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-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
|
|
@ -1,87 +1,87 @@
|
|||
[
|
||||
{
|
||||
"property": "uc.private-browsing-top-bar.highlighting-style",
|
||||
"label": "Highlighting Style:",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "gradient",
|
||||
"options": [
|
||||
{
|
||||
"label": "Gradient",
|
||||
"value": "gradient"
|
||||
},
|
||||
{
|
||||
"label": "Solid",
|
||||
"value": "solid"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.private-browsing-top-bar.border-style",
|
||||
"label": "Border Thickness:",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "default",
|
||||
"options": [
|
||||
{
|
||||
"label": "Default",
|
||||
"value": "default"
|
||||
},
|
||||
{
|
||||
"label": "Thin",
|
||||
"value": "thin"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.private-browsing-top-bar.color",
|
||||
"label": "Highlighting Base Color:",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "default",
|
||||
"options": [
|
||||
{
|
||||
"label": "Default Purple",
|
||||
"value": "default"
|
||||
},
|
||||
{
|
||||
"label": "Match Zen Theme Color",
|
||||
"value": "match-zen"
|
||||
},
|
||||
{
|
||||
"label": "Blue",
|
||||
"value": "blue"
|
||||
},
|
||||
{
|
||||
"label": "Teal",
|
||||
"value": "teal"
|
||||
},
|
||||
{
|
||||
"label": "Green",
|
||||
"value": "green"
|
||||
},
|
||||
{
|
||||
"label": "Yellow",
|
||||
"value": "yellow"
|
||||
},
|
||||
{
|
||||
"label": "Orange",
|
||||
"value": "orange"
|
||||
},
|
||||
{
|
||||
"label": "Brown",
|
||||
"value": "brown"
|
||||
},
|
||||
{
|
||||
"label": "Red",
|
||||
"value": "red"
|
||||
},
|
||||
{
|
||||
"label": "Pink",
|
||||
"value": "pink"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.private-browsing-top-bar.hide-icon",
|
||||
"label": "Hide the private browsing icon.",
|
||||
"type": "checkbox"
|
||||
}
|
||||
]
|
||||
{
|
||||
"property": "uc.private-browsing-top-bar.highlighting-style",
|
||||
"label": "Highlighting Style:",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "gradient",
|
||||
"options": [
|
||||
{
|
||||
"label": "Gradient",
|
||||
"value": "gradient"
|
||||
},
|
||||
{
|
||||
"label": "Solid",
|
||||
"value": "solid"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.private-browsing-top-bar.border-style",
|
||||
"label": "Border Thickness:",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "default",
|
||||
"options": [
|
||||
{
|
||||
"label": "Default",
|
||||
"value": "default"
|
||||
},
|
||||
{
|
||||
"label": "Thin",
|
||||
"value": "thin"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.private-browsing-top-bar.color",
|
||||
"label": "Highlighting Base Color:",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "default",
|
||||
"options": [
|
||||
{
|
||||
"label": "Default Purple",
|
||||
"value": "default"
|
||||
},
|
||||
{
|
||||
"label": "Match Zen Theme Color",
|
||||
"value": "match-zen"
|
||||
},
|
||||
{
|
||||
"label": "Blue",
|
||||
"value": "blue"
|
||||
},
|
||||
{
|
||||
"label": "Teal",
|
||||
"value": "teal"
|
||||
},
|
||||
{
|
||||
"label": "Green",
|
||||
"value": "green"
|
||||
},
|
||||
{
|
||||
"label": "Yellow",
|
||||
"value": "yellow"
|
||||
},
|
||||
{
|
||||
"label": "Orange",
|
||||
"value": "orange"
|
||||
},
|
||||
{
|
||||
"label": "Brown",
|
||||
"value": "brown"
|
||||
},
|
||||
{
|
||||
"label": "Red",
|
||||
"value": "red"
|
||||
},
|
||||
{
|
||||
"label": "Pink",
|
||||
"value": "pink"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.private-browsing-top-bar.hide-icon",
|
||||
"label": "Hide the private browsing icon.",
|
||||
"type": "checkbox"
|
||||
}
|
||||
]
|
||||
|
|
|
@ -6,17 +6,17 @@ Any Zen window in private browsing mode isn't obviously indicated by default. Th
|
|||
|
||||
By default, this theme:
|
||||
|
||||
* Highlights the toolbar of a private browsing window with a purple gradient.
|
||||
* Adds a purple border surrounding the page.
|
||||
* Adds a private browsing icon to the right of the refresh button.
|
||||
- Highlights the toolbar of a private browsing window with a purple gradient.
|
||||
- Adds a purple border surrounding the page.
|
||||
- Adds a private browsing icon to the right of the refresh button.
|
||||
|
||||
It also comes with the following settings:
|
||||
|
||||
* Replace the gradient with a solid purple color.
|
||||
* Remove the background color entirely.
|
||||
* 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.
|
||||
* Hide the private browsing icon.
|
||||
- Replace the gradient with a solid purple color.
|
||||
- Remove the background color entirely.
|
||||
- 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.
|
||||
- Hide the private browsing icon.
|
||||
|
||||
These settings can be found in Zen's browser settings, in the 'Zen Mods' tab.
|
||||
|
||||
|
|
|
@ -1,15 +1,15 @@
|
|||
{
|
||||
"id": "58649066-2b6f-4a5b-af6d-c3d21d16fc00",
|
||||
"name": "Private Mode Highlighting",
|
||||
"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",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/image.png",
|
||||
"author": "danm36",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/preferences.json",
|
||||
"version": "1.0.4",
|
||||
"tags": [],
|
||||
"createdAt": "2024-08-09",
|
||||
"updatedAt": "2024-09-25"
|
||||
}
|
||||
"id": "58649066-2b6f-4a5b-af6d-c3d21d16fc00",
|
||||
"name": "Private Mode Highlighting",
|
||||
"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",
|
||||
"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",
|
||||
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/image.png",
|
||||
"author": "danm36",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/preferences.json",
|
||||
"version": "1.0.4",
|
||||
"tags": [],
|
||||
"createdAt": "2024-08-09",
|
||||
"updatedAt": "2024-09-25"
|
||||
}
|
||||
|
|
|
@ -1,15 +1,14 @@
|
|||
|
||||
/* Reduce width */
|
||||
@media (-moz-bool-pref: "zen.view.sidebar-expanded") {
|
||||
#navigator-toolbox {
|
||||
--zen-navigation-toolbar-min-width: 100px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-bool-pref: "zen.view.sidebar-expanded") {
|
||||
#navigator-toolbox {
|
||||
--zen-navigation-toolbar-min-width: 100px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Reduced height */
|
||||
@media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
|
||||
:root[zen-compact-mode="true"] #navigator-toolbox {
|
||||
margin-top: 9.375vh !important;
|
||||
height: 75vh !important;
|
||||
}
|
||||
}
|
||||
:root[zen-compact-mode="true"] #navigator-toolbox {
|
||||
margin-top: 9.375vh !important;
|
||||
height: 75vh !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
With this theme you can make the compact mode even more compact!
|
||||
|
||||
This theme makes two changes:
|
||||
|
||||
- It reduces the height of the tab sidebar while in compact mode
|
||||
- It reduces the minimum width of the tab sidebar
|
||||
|
||||
|
|
|
@ -1,16 +1,14 @@
|
|||
{
|
||||
"id": "5941aefd-67b0-453d-9b62-9071a31cbb0d",
|
||||
"name": "Smaller Compact Mode",
|
||||
"description": "Reduce the height of the compact sidebar!",
|
||||
"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",
|
||||
"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",
|
||||
"author": "n7itro",
|
||||
"version": "1.0.3",
|
||||
"tags": [
|
||||
"tabs"
|
||||
],
|
||||
"createdAt": "2024-08-31",
|
||||
"updatedAt": "2025-01-25"
|
||||
}
|
||||
"id": "5941aefd-67b0-453d-9b62-9071a31cbb0d",
|
||||
"name": "Smaller Compact Mode",
|
||||
"description": "Reduce the height of the compact sidebar!",
|
||||
"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",
|
||||
"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",
|
||||
"author": "n7itro",
|
||||
"version": "1.0.3",
|
||||
"tags": ["tabs"],
|
||||
"createdAt": "2024-08-31",
|
||||
"updatedAt": "2025-01-25"
|
||||
}
|
||||
|
|
|
@ -23,11 +23,11 @@
|
|||
}
|
||||
|
||||
@media (-moz-bool-pref: "uc.hide-window-buttons") {
|
||||
.titlebar-buttonbox-container {
|
||||
display: none !important;
|
||||
.titlebar-buttonbox-container {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.window-controls{
|
||||
.window-controls {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,35 +1,26 @@
|
|||
[
|
||||
{
|
||||
"property": "uc.hide-minimize",
|
||||
"label": "Hide the minimize window button",
|
||||
"type": "checkbox",
|
||||
"disabledOn": [
|
||||
"macos"
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.hide-maximize",
|
||||
"label": "Hide the maximize window button",
|
||||
"type": "checkbox",
|
||||
"disabledOn": [
|
||||
"macos"
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.hide-close",
|
||||
"label": "Hide the close window button",
|
||||
"type": "checkbox",
|
||||
"disabledOn": [
|
||||
"macos"
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "uc.hide-window-buttons",
|
||||
"label": "Hide the window buttons",
|
||||
"type": "checkbox",
|
||||
"disabledOn": [
|
||||
"linux",
|
||||
"windows"
|
||||
]
|
||||
}
|
||||
]
|
||||
{
|
||||
"property": "uc.hide-minimize",
|
||||
"label": "Hide the minimize window button",
|
||||
"type": "checkbox",
|
||||
"disabledOn": ["macos"]
|
||||
},
|
||||
{
|
||||
"property": "uc.hide-maximize",
|
||||
"label": "Hide the maximize window button",
|
||||
"type": "checkbox",
|
||||
"disabledOn": ["macos"]
|
||||
},
|
||||
{
|
||||
"property": "uc.hide-close",
|
||||
"label": "Hide the close window button",
|
||||
"type": "checkbox",
|
||||
"disabledOn": ["macos"]
|
||||
},
|
||||
{
|
||||
"property": "uc.hide-window-buttons",
|
||||
"label": "Hide the window buttons",
|
||||
"type": "checkbox",
|
||||
"disabledOn": ["linux", "windows"]
|
||||
}
|
||||
]
|
||||
|
|
|
@ -1,9 +1,8 @@
|
|||
|
||||
# Hide Window Buttons
|
||||
|
||||
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.
|
||||
|
||||
* 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 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
|
||||
|
|
|
@ -1,15 +1,15 @@
|
|||
{
|
||||
"id": "5a007026-0801-4a5d-9740-f17dc1c3ff21",
|
||||
"name": "Hide Window Buttons",
|
||||
"description": "Hide the minimize, maximize, and close window buttons",
|
||||
"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",
|
||||
"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",
|
||||
"author": "n7itro",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5a007026-0801-4a5d-9740-f17dc1c3ff21/preferences.json",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-08-16",
|
||||
"updatedAt": "2024-08-22"
|
||||
}
|
||||
"id": "5a007026-0801-4a5d-9740-f17dc1c3ff21",
|
||||
"name": "Hide Window Buttons",
|
||||
"description": "Hide the minimize, maximize, and close window buttons",
|
||||
"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",
|
||||
"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",
|
||||
"author": "n7itro",
|
||||
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5a007026-0801-4a5d-9740-f17dc1c3ff21/preferences.json",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-08-16",
|
||||
"updatedAt": "2024-08-22"
|
||||
}
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
#zen-workspaces-button {
|
||||
border-radius: 8px !important;
|
||||
box-sizing: border-box;
|
||||
|
@ -6,7 +5,9 @@
|
|||
width: 34px !important;
|
||||
border-width: 1px;
|
||||
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;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
# 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.
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"id": "5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c",
|
||||
"name": "Uniform Workspaces Button",
|
||||
"description": "Make the workspaces button consistent with the other sidebar buttons, while remaining unique.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "andrewbellucci",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-08-24",
|
||||
"updatedAt": "2024-08-24"
|
||||
}
|
||||
"id": "5ac61d13-a0dc-400e-aaa0-0f10fd3a7d0c",
|
||||
"name": "Uniform Workspaces Button",
|
||||
"description": "Make the workspaces button consistent with the other sidebar buttons, while remaining unique.",
|
||||
"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",
|
||||
"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",
|
||||
"author": "andrewbellucci",
|
||||
"version": "1.0.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-08-24",
|
||||
"updatedAt": "2024-08-24"
|
||||
}
|
||||
|
|
|
@ -1,16 +1,15 @@
|
|||
|
||||
:root:has(#theme-Custom-MenuButton[theme-custom_menubutton-default="Default"]) {
|
||||
#PanelUI-menu-button {
|
||||
list-style-image: url(chrome://branding/content/icon32.png) !important;
|
||||
}
|
||||
#PanelUI-menu-button {
|
||||
list-style-image: url(chrome://branding/content/icon32.png) !important;
|
||||
}
|
||||
}
|
||||
:root:has(#theme-Custom-MenuButton[theme-custom_menubutton-default="Firefox"]) {
|
||||
#PanelUI-menu-button {
|
||||
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAHY0lEQVR4Aa3VA5RrSdfG8f+uOidJp/umczm2ffFhbNvG9722bdv22LZt+3I81+04B1XvfpPmWHut3yk06smus1Z4L8uXDv6MHzpowA8eWFS8FaY9eU+cCvxaFfF8W/FWGDy8a6n7DM7/H96DR3ldu0MVb8a0J+9CI1qXJP11a+79GOdP1f11FW/EtCfvQpx8mziFxMHEEEV1KYkrKl6Pea1Nbnrs/7hz7q2KUQsqRcUE/eV1acb/pyFQ7b9N3fguzNTxVsXrMa/avFgPb6SnukY8W6EgXvszrszjivH08F0VLZFK0rbUgRt9H2aS+lORznUxnTMV45kJG6fNPZSGnEodTJwUFGbphqdSll/H/SxWjEc92kYxSoO0uzEcwo90g/9rlKpHpCmX491MxQgzuvjtE0UieyqxhYZA3UGp8CjUtSMR2YrkFdf+/szi9X88+zM3/uncSx/81/f+7/HzPsu8q09i8MUNcCUHUTImceAAL+RC+UW1nMzHuUvxSVGBCloTgMT+GuOLipaGyg/OpLuE/jVI58wHb/zsdxD5tBVbDMQwOPe/8UDqHYuuPJjCZnP5nw/+mfyUPhADRtkAaIfosum23klBxH8b+KzCfuczG8IPXi4C5yHQwvDoPYhCBSkz1n9y1+WLd8xFzVUxxmIRjBIBVHXFZF58aEtW3exxsp0V8Aac8gpBnGQBRNymkP4VXKPdgdj8H2JB/DgMVwreATFhdoCdj/wY8x7+GM8/djyJ81hlnCPTUWfHb/0QlyRUelalEPcCHswIQARJPd64ohh/KHBagPcQB7sggHgIVHcM0wUyWWUAoNaEuobI9bP1dj9lw1nnMvehj/LS0wdinYO4wM1f/h6z3v9n1t3pTnAWBj04ZQA7LFROwMsu7QCpgcjuCh4Asg5Wa0ImgNDqqHTOtDyIgPPKkZ/cZOstzmT+Nw4jcA5JBO9SHjzzWKZt8CRd03ohD/RZALCigIwHawBmKgKSVoAiAi2VDCzsgo0bYB04lSojEAaQDyETsmTZf3PPdZ+irvMgTTF4SAVX7+SRC/dj5/f/C6D9d5UQLBAIFBJILIhtB1g2a8uZq+1+LwiAV8CSTujPwqoRbJjCJMdAeRVue+j/WLh4T2I3jcCEhN4ShmDFYR2IAXC8OHdDaMYAYBxU82AFAgPShHoejAEgUEViy2h5UbS9LLBajf5oMr866wc0wlWQvEEyNQKbIcSSwZBNIfAO41NQ9ZXd0IgBAQdUDAQWpjQhcfi6gCgguDtTm3vIUBdhdwUA/Pggqmy49/n/pr/q8ZMq4DziEwI0QOtpiT1kXUqQRqC8ohaDy0BqoGzxOUE6q9DwMBiOvtzm5OLi3migAFEwpjnOCzmKhZXUkyr1uEwtLqky1aStNk4jqhFFDVZb6ykYMjBodQxw5RAKZUgSqAq+YmmWzFxF0P8L61Z8pHhf5/S+bfHQJm1OLcuzw4YPcWH3/qysTcebFHyESTOkhLjUokt8M8VFCVYDbLXhvdCfARfiG3lkykDr2qhbXJTRUZBAngMwootGI3tbrbcIsR3ugp3Yhbun89l9/ko+qCDVGpQruHKJqDakBmnq2KyXaDZKrDX1KWau+ij0ZqAvgwR1JFuFmihwPTkdDQN9co3C6IMnwujs0sppELcOV+NHVc2wzv2eb+74J6ZP6kGazeEgZZJqiaRWJo6qbDb5MU7c4ixYmYUhC7YJaQxVgYrgSxa3sgNftdww31+usFuvuykfWDzU/4HytL0llTVz+SbiAScTryKxFFc6dlnnQVZP+wEo2grT7ACb5V7g2BnXsVfxHsLEgfGQTYb/1kJqWpKV3VDLM1iXi/a8PDrtqmecl451DwLg8oG1DtnMmcsKq/bQ1V3BmBTsfzgIfHucwINxICivADt8eADkBLJGtcc0ydHsmU7QEXBFfzwTeFwRnLFtDoBD7nv5+vv61v2XXzHlfR7oKtQxLkFcCqkDK8qMHdIex4gSMxaoKZBtS8lQ18NtJsPSmv/Nyfc3nma4RjsA8Jnq1HU+WC9cY01z865pJQrdDcQkrW6IpGOfun3oxLnw6m/SEBIyVFbOIMhmiXJy35oL+vYDBhkuGxY3YaTuy9TLA+Jv2inu2j2ph9NrTUMmCyIGjwEnyiCtUaUWnGlLR1hIlM6rKwpUX5qBiTuI02Du94aqx8zJhEsVI4IPduUZV+7vDC0CDv9GdeolUjObL18ckutqMKkQkc2kiFHOITLCwyiUp1bNUhuYRFrrxPoMzdDM/XbUf/gZvvYsozX+Cl5d5vh690afrk3+0hR4XyoxqYmQICaTSwjClI6cA3EIvhWi0QiIm6rRgaQh1ikfsMK43/xv8YWfASuUe6sBAIzqPmNwjb1nJdnP5PDbOpPgJMXjWhDAC4JgvEWUaQkoib/o/NzQb37S1fP0+Dt/6wHGKqe6v1yZvuG+zc69p3m7d4dnW8TjAaEdwmFKEcztkfSG67KVG346aeV8YEglincRYLQClVcdKsery6lI1VVNJbyF+jdp8gPG4E08mAAAAABJRU5ErkJggg==) !important;
|
||||
}
|
||||
#PanelUI-menu-button {
|
||||
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAHY0lEQVR4Aa3VA5RrSdfG8f+uOidJp/umczm2ffFhbNvG9722bdv22LZt+3I81+04B1XvfpPmWHut3yk06smus1Z4L8uXDv6MHzpowA8eWFS8FaY9eU+cCvxaFfF8W/FWGDy8a6n7DM7/H96DR3ldu0MVb8a0J+9CI1qXJP11a+79GOdP1f11FW/EtCfvQpx8mziFxMHEEEV1KYkrKl6Pea1Nbnrs/7hz7q2KUQsqRcUE/eV1acb/pyFQ7b9N3fguzNTxVsXrMa/avFgPb6SnukY8W6EgXvszrszjivH08F0VLZFK0rbUgRt9H2aS+lORznUxnTMV45kJG6fNPZSGnEodTJwUFGbphqdSll/H/SxWjEc92kYxSoO0uzEcwo90g/9rlKpHpCmX491MxQgzuvjtE0UieyqxhYZA3UGp8CjUtSMR2YrkFdf+/szi9X88+zM3/uncSx/81/f+7/HzPsu8q09i8MUNcCUHUTImceAAL+RC+UW1nMzHuUvxSVGBCloTgMT+GuOLipaGyg/OpLuE/jVI58wHb/zsdxD5tBVbDMQwOPe/8UDqHYuuPJjCZnP5nw/+mfyUPhADRtkAaIfosum23klBxH8b+KzCfuczG8IPXi4C5yHQwvDoPYhCBSkz1n9y1+WLd8xFzVUxxmIRjBIBVHXFZF58aEtW3exxsp0V8Aac8gpBnGQBRNymkP4VXKPdgdj8H2JB/DgMVwreATFhdoCdj/wY8x7+GM8/djyJ81hlnCPTUWfHb/0QlyRUelalEPcCHswIQARJPd64ohh/KHBagPcQB7sggHgIVHcM0wUyWWUAoNaEuobI9bP1dj9lw1nnMvehj/LS0wdinYO4wM1f/h6z3v9n1t3pTnAWBj04ZQA7LFROwMsu7QCpgcjuCh4Asg5Wa0ImgNDqqHTOtDyIgPPKkZ/cZOstzmT+Nw4jcA5JBO9SHjzzWKZt8CRd03ohD/RZALCigIwHawBmKgKSVoAiAi2VDCzsgo0bYB04lSojEAaQDyETsmTZf3PPdZ+irvMgTTF4SAVX7+SRC/dj5/f/C6D9d5UQLBAIFBJILIhtB1g2a8uZq+1+LwiAV8CSTujPwqoRbJjCJMdAeRVue+j/WLh4T2I3jcCEhN4ShmDFYR2IAXC8OHdDaMYAYBxU82AFAgPShHoejAEgUEViy2h5UbS9LLBajf5oMr866wc0wlWQvEEyNQKbIcSSwZBNIfAO41NQ9ZXd0IgBAQdUDAQWpjQhcfi6gCgguDtTm3vIUBdhdwUA/Pggqmy49/n/pr/q8ZMq4DziEwI0QOtpiT1kXUqQRqC8ohaDy0BqoGzxOUE6q9DwMBiOvtzm5OLi3migAFEwpjnOCzmKhZXUkyr1uEwtLqky1aStNk4jqhFFDVZb6ykYMjBodQxw5RAKZUgSqAq+YmmWzFxF0P8L61Z8pHhf5/S+bfHQJm1OLcuzw4YPcWH3/qysTcebFHyESTOkhLjUokt8M8VFCVYDbLXhvdCfARfiG3lkykDr2qhbXJTRUZBAngMwootGI3tbrbcIsR3ugp3Yhbun89l9/ko+qCDVGpQruHKJqDakBmnq2KyXaDZKrDX1KWau+ij0ZqAvgwR1JFuFmihwPTkdDQN9co3C6IMnwujs0sppELcOV+NHVc2wzv2eb+74J6ZP6kGazeEgZZJqiaRWJo6qbDb5MU7c4ixYmYUhC7YJaQxVgYrgSxa3sgNftdww31+usFuvuykfWDzU/4HytL0llTVz+SbiAScTryKxFFc6dlnnQVZP+wEo2grT7ACb5V7g2BnXsVfxHsLEgfGQTYb/1kJqWpKV3VDLM1iXi/a8PDrtqmecl451DwLg8oG1DtnMmcsKq/bQ1V3BmBTsfzgIfHucwINxICivADt8eADkBLJGtcc0ydHsmU7QEXBFfzwTeFwRnLFtDoBD7nv5+vv61v2XXzHlfR7oKtQxLkFcCqkDK8qMHdIex4gSMxaoKZBtS8lQ18NtJsPSmv/Nyfc3nma4RjsA8Jnq1HU+WC9cY01z865pJQrdDcQkrW6IpGOfun3oxLnw6m/SEBIyVFbOIMhmiXJy35oL+vYDBhkuGxY3YaTuy9TLA+Jv2inu2j2ph9NrTUMmCyIGjwEnyiCtUaUWnGlLR1hIlM6rKwpUX5qBiTuI02Du94aqx8zJhEsVI4IPduUZV+7vDC0CDv9GdeolUjObL18ckutqMKkQkc2kiFHOITLCwyiUp1bNUhuYRFrrxPoMzdDM/XbUf/gZvvYsozX+Cl5d5vh690afrk3+0hR4XyoxqYmQICaTSwjClI6cA3EIvhWi0QiIm6rRgaQh1ikfsMK43/xv8YWfASuUe6sBAIzqPmNwjb1nJdnP5PDbOpPgJMXjWhDAC4JgvEWUaQkoib/o/NzQb37S1fP0+Dt/6wHGKqe6v1yZvuG+zc69p3m7d4dnW8TjAaEdwmFKEcztkfSG67KVG346aeV8YEglincRYLQClVcdKsery6lI1VVNJbyF+jdp8gPG4E08mAAAAABJRU5ErkJggg==) !important;
|
||||
}
|
||||
}
|
||||
:root:has(#theme-Custom-MenuButton[theme-custom_menubutton-default="Custom"]) {
|
||||
#PanelUI-menu-button {
|
||||
list-style-image: var(--theme-custom_menubutton-custom) !important;
|
||||
}
|
||||
#PanelUI-menu-button {
|
||||
list-style-image: var(--theme-custom_menubutton-custom) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,28 +1,28 @@
|
|||
[
|
||||
{
|
||||
"property": "theme.custom_menubutton.default",
|
||||
"label": "Select Button:",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "Default",
|
||||
"options": [
|
||||
{
|
||||
"label": "Default",
|
||||
"value": "Default"
|
||||
},
|
||||
{
|
||||
"label": "Firefox",
|
||||
"value": "Firefox"
|
||||
},
|
||||
{
|
||||
"label": "Custom",
|
||||
"value": "Custom"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "theme.custom_menubutton.custom",
|
||||
"label": "Custom Button: url(url or base64 here)",
|
||||
"type": "string",
|
||||
"defaultValue": "url(chrome://branding/content/icon32.png)"
|
||||
}
|
||||
]
|
||||
{
|
||||
"property": "theme.custom_menubutton.default",
|
||||
"label": "Select Button:",
|
||||
"type": "dropdown",
|
||||
"defaultValue": "Default",
|
||||
"options": [
|
||||
{
|
||||
"label": "Default",
|
||||
"value": "Default"
|
||||
},
|
||||
{
|
||||
"label": "Firefox",
|
||||
"value": "Firefox"
|
||||
},
|
||||
{
|
||||
"label": "Custom",
|
||||
"value": "Custom"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "theme.custom_menubutton.custom",
|
||||
"label": "Custom Button: url(url or base64 here)",
|
||||
"type": "string",
|
||||
"defaultValue": "url(chrome://branding/content/icon32.png)"
|
||||
}
|
||||
]
|
||||
|
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue