Refactor theme readme files and funding configuration for consistency

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

1
.github/FUNDING.yml vendored
View file

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

View file

@ -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 }}

View file

@ -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: |

View file

@ -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: |

View file

@ -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

View file

@ -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.

View file

@ -54,10 +54,7 @@
"version": "1.0.0",
"isDarkMode": true,
"isColorTheme": true,
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-09-09",
"updatedAt": "2024-09-09"
},
@ -218,10 +215,7 @@
"version": "1.0.0",
"isDarkMode": true,
"isColorTheme": true,
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-08-21",
"updatedAt": "2024-09-09"
},
@ -236,9 +230,7 @@
"author": "JLBlk",
"version": "1.4.2",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/preferences.json",
"tags": [
"tabs"
],
"tags": ["tabs"],
"createdAt": "2024-08-28",
"updatedAt": "2024-12-16"
},
@ -254,10 +246,7 @@
"version": "1.0.1",
"isDarkMode": true,
"isColorTheme": true,
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-08-22",
"updatedAt": "2024-09-03"
},
@ -317,10 +306,7 @@
"version": "1.0.1",
"isDarkMode": true,
"isColorTheme": true,
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-09-15",
"updatedAt": "2024-09-15"
},
@ -334,9 +320,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-08-31",
"updatedAt": "2024-09-07"
},
@ -364,10 +348,7 @@
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7ba20fe1-7286-4b1f-9bf6-39d40bec8ae0/image.png",
"author": "shaeriz",
"version": "1.0.0",
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-10-12",
"updatedAt": "2024-10-12"
},
@ -541,10 +522,7 @@
"version": "1.0.0",
"isDarkMode": true,
"isColorTheme": true,
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-08-22",
"updatedAt": "2024-08-22"
},
@ -644,9 +622,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-08-21",
"updatedAt": "2024-09-18"
},
@ -716,10 +692,7 @@
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bb61b145-6875-4afe-86f2-ab00024459dc/image.png",
"author": "mehalter",
"version": "1.0.0",
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-10-12",
"updatedAt": "2024-10-12"
},
@ -734,9 +707,7 @@
"author": "JLBlk",
"version": "1.4.2",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/d93e67f8-e5e1-401e-9b82-f9d5bab231e6/preferences.json",
"tags": [
"urlbar"
],
"tags": ["urlbar"],
"createdAt": "2024-08-31",
"updatedAt": "2024-11-03"
},
@ -781,9 +752,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-11-09",
"updatedAt": "2025-01-25"
},
@ -812,9 +781,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-08-28",
"updatedAt": "2024-09-07"
},
@ -845,10 +812,7 @@
"version": "1.0.0",
"isDarkMode": true,
"isColorTheme": true,
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-08-31",
"updatedAt": "2024-08-31"
},
@ -1093,10 +1057,7 @@
"version": "1.0.0",
"isDarkMode": true,
"isColorTheme": true,
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-08-23",
"updatedAt": "2024-08-24"
},
@ -1139,9 +1100,7 @@
"author": "DaitiDay",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/c5f7fb68-cc75-4df0-8b02-dc9ee13aa773/preferences.json",
"version": "1.0.1",
"tags": [
"tabs"
],
"tags": ["tabs"],
"createdAt": "2024-08-28",
"updatedAt": "2024-09-07"
},
@ -1155,9 +1114,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-10-06",
"updatedAt": "2024-10-06"
},
@ -1171,9 +1128,7 @@
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/d8b79d4a-6cba-4495-9ff6-d6d30b0e94fe/image.png",
"author": "HliasOuzounis",
"version": "1.0.3",
"tags": [
"tabs"
],
"tags": ["tabs"],
"createdAt": "2024-09-07",
"updatedAt": "2024-09-24"
},
@ -1214,9 +1169,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-08-28",
"updatedAt": "2024-10-19"
},
@ -1288,9 +1241,7 @@
"author": "KiKaraage",
"version": "1.1.4",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/preferences.json",
"tags": [
"context menu"
],
"tags": ["context menu"],
"createdAt": "2024-10-06",
"updatedAt": "2024-10-23"
},
@ -1304,9 +1255,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-08-31",
"updatedAt": "2025-01-25"
},

View file

@ -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;

View file

@ -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! 🐱✨

View file

@ -7,7 +7,7 @@
"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",
"version": "1.0.1",
"tags": [],
"createdAt": "2024-10-29",
"updatedAt": "2024-11-03",

View file

@ -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 {

View file

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

View file

@ -8,9 +8,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-08-21",
"updatedAt": "2024-09-18"
}

View file

@ -1,17 +1,20 @@
/* 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);
transform: rotate(-0.5turn);
width: 24px !important;
margin: 0;
margin-right: -24px;
order: -1;
z-index: 1;
opacity: 0;
scale: .5;
scale: 0.5;
overflow: hidden !important;
}
.tab-reset-button:hover {

View file

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

View file

@ -1,14 +1,13 @@
:root {
--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;
--zen-colors-primary: #d2d2d2 !important;
--zen-colors-secondary: #d2d2d2 !important;
--zen-colors-tertiary: #ffffff !important;
--zen-colors-border: #dddddd !important;
}
}

View file

@ -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.

View file

@ -1,4 +1,3 @@
scrollbox:nth-child(5) {
scrollbar-width: thin !important;
}

View file

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

View file

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

View file

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

View file

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

View file

@ -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.

View file

@ -10,10 +10,7 @@
"version": "1.0.1",
"isDarkMode": true,
"isColorTheme": true,
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-08-22",
"updatedAt": "2024-09-03"
}

View file

@ -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;

View file

@ -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.

View file

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

View file

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

View file

@ -1,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 {

View file

@ -1,4 +1,3 @@
## 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.

View file

@ -72,18 +72,14 @@
"label": "Hex Code of Custom Text Color (first enable the above checkbox)",
"placeholder": "eg. #ff0000",
"type": "string",
"disabledOn": [
"!uc.theme.custom_color_enabled"
]
"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"
]
"disabledOn": ["!uc.theme.custom_color_enabled"]
},
{
"property": "uc.theme.compact_side",

View file

@ -9,9 +9,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-11-09",
"updatedAt": "2025-01-25"
}

View file

@ -1,13 +1,16 @@
#tabbrowser-tabs[orient='vertical']
#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;
transition:
transform 100ms ease-in-out,
background-color 100ms ease-in-out;
&:hover {
transition: transform 100ms ease-in-out,
transition:
transform 100ms ease-in-out,
background-color 100ms ease-in-out !important;
transform: scale(1.3) translate(-8%, 14%);
transform-origin: center !important;

View file

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

View file

@ -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 {
#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);
}

View file

@ -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.

View file

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

View file

@ -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.
---

View file

@ -8,9 +8,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-08-28",
"updatedAt": "2024-10-19"
}

View file

@ -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 */
}

View file

@ -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)")

View file

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

View file

@ -9,9 +9,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-08-28",
"updatedAt": "2024-09-07"
}

View file

@ -1,34 +1,37 @@
html {
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-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 {
}
#sidebar-splitter {
margin: 0 -2px 0 -2px !important;
}
#sidebar-box {
}
#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 {
}
#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 {
}
#tabbrowser-tabbox {
padding-left: var(--tabbrowser-padding) !important;
}
@media (-moz-bool-pref: 'theme.sidebery.hide-zen-tabbar') {
}
@media (-moz-bool-pref: "theme.sidebery.hide-zen-tabbar") {
#navigator-toolbox {
position: absolute;
left: -100%;
@ -36,17 +39,19 @@
#zen-sidebar-splitter {
display: none;
}
}
@media (-moz-bool-pref: 'theme.sidebery.hide-zen-tabbar') and (-moz-bool-pref: 'theme.sidebery.compact-view') {
}
@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') {
}
@media (-moz-bool-pref: "theme.sidebery.compact-view") {
#tabbrowser-tabbox {
--tabbrowser-padding: calc(var(--sidebery-width) + var(--zen-element-separation));
--tabbrowser-padding: calc(
var(--sidebery-width) + var(--zen-element-separation)
);
}
#sidebar-splitter {
display: none;
@ -74,21 +79,35 @@
#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]) {
}
: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 {
}
: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 {
}
: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;
@ -97,39 +116,66 @@
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 {
}
: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 {
}
: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 {
}
: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 {
}
: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 {
}
: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 {
}
: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 {
}
:root[inDOMFullscreen="true"] #tabbrowser-tabbox {
--zen-element-separation: 0 !important;
}
@media (-moz-bool-pref: 'browser.tabs.allow_transparent_browser') {
}
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") {
window.sidebar-panel,
window#webextpanels-window {
background-color: transparent !important;
@ -145,8 +191,8 @@
border-style: none !important;
border-bottom-style: solid !important;
}
}
@media (-moz-bool-pref: 'theme.sidebery.sidebar-header.bottom-layout') {
}
@media (-moz-bool-pref: "theme.sidebery.sidebar-header.bottom-layout") {
#sidebar-box #sidebar-header {
order: 1;
border-style: none !important;
@ -155,9 +201,9 @@
#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') {
}
@media (-moz-bool-pref: "theme.sidebery.sidebar-header.hide") {
#sidebar-box #sidebar-header {
display: none !important;
}
}
}

View file

@ -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,10 +14,12 @@ Tweaks to support Sidebery as an alternative to Zen's native tabs and workspace
All features are optional and configurable from the UI.
### 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.

View file

@ -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;
}
}
}

View file

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

View file

@ -8,9 +8,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-10-06",
"updatedAt": "2024-10-06"
}

View file

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

View file

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

View file

@ -1,4 +1,3 @@
/* Move #zen-essentials-container to the bottom of the sidebar */
#zen-essentials-container {
margin-top: auto; /* Pushes #zen-essentials-container to the bottom */

View file

@ -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.

View file

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

View file

@ -8,9 +8,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-08-31",
"updatedAt": "2024-09-07"
}

View file

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

View file

@ -10,10 +10,7 @@
"version": "1.0.0",
"isDarkMode": true,
"isColorTheme": true,
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-09-09",
"updatedAt": "2024-09-09"
}

View file

@ -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"]) {
: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-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;
}
@ -75,28 +79,30 @@ z-index: -1;
white-space: normal !important;
}
.urlbarView-row-inner{
.urlbarView-row-inner {
justify-content: center !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;
}
}

View file

@ -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.

View file

@ -7,7 +7,7 @@
"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",
"version": "1.0.1",
"tags": [],
"createdAt": "2024-08-28",
"updatedAt": "2024-08-28"

View file

@ -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-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;

View file

@ -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.

View file

@ -1,10 +1,9 @@
/* Reduce width */
@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") {

View file

@ -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

View file

@ -8,9 +8,7 @@
"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"
],
"tags": ["tabs"],
"createdAt": "2024-08-31",
"updatedAt": "2025-01-25"
}

View file

@ -27,7 +27,7 @@
display: none !important;
}
.window-controls{
.window-controls {
display: none;
}
}

View file

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

View file

@ -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

View file

@ -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;
}

View file

@ -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.

View file

@ -1,4 +1,3 @@
:root:has(#theme-Custom-MenuButton[theme-custom_menubutton-default="Default"]) {
#PanelUI-menu-button {
list-style-image: url(chrome://branding/content/icon32.png) !important;

View file

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

View file

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

View file

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

View file

@ -1,4 +1,3 @@
# Midnight Purple
A good theme for those who like dark mode and the purple color :)

View file

@ -10,10 +10,7 @@
"version": "1.0.0",
"isDarkMode": true,
"isColorTheme": true,
"tags": [
"color scheme",
"dark"
],
"tags": ["color scheme", "dark"],
"createdAt": "2024-08-31",
"updatedAt": "2024-08-31"
}

View file

@ -1,4 +1,3 @@
@keyframes snowing {
from {
background-position: 0px, 0px;
@ -12,7 +11,7 @@
--snowsize: var(--zen-mods-WinterSpirit-snowflakeSize, 350px);
--snowfall: var(--zen-mods-WinterSpirit-duration, 30s);
content: '';
content: "";
position: fixed;
top: 0;
left: 0;
@ -20,17 +19,17 @@
bottom: 0;
z-index: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0AgMAAAC2uDcZAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURQAAAP///////////zjAO6gAAAAEdFJOUwAuxHKQ3Q8qAAADW0lEQVR42u3dP26jQByGYUbaEe0Wi+jgKj5CirjFp9gGKXAfkOUmW+YOW2QvgdtN45XlHMAgB2aYz955nzrJp2AYM39/SYJrmTLcbDfK9MtvYbod3oXp6fCqTO8iTpdeeaNNP/1VprfKJy7ZPinTLV91AAAAAAAAAAD4kkkH/XfKCQ/TSCd7Tm/K9GHv9+89KdOzrTK9PM/68dpverXfzPnxxu9d1/Sz0ncfXtPreenZszLd+G1pq17Zchfz/nfPyoMyPT0r0802AQDMYZWt9uS7R5jWfOK9y7wEuSYT75z2EuQNph5/QU67IItrJ14S0+5dmv4aQfpBmT7RLUuHIGMO+XiXNNCCcjve1pk2TI9lIkW6lB8AAACITcxTza12qvmXMt3zdCvpX//clelJ/SZ93j+U6bl0J6+VtrQAAAAAAADwxz4r03PpGNtOOr7YLN2D8MNHer1w/4WfA00Xp3tZ8bk03R59DMo2C9PTzscUUHFYmu5j1WN+VqbbhWul/aSbhS2t5UBTFfGBppsEAAAA+Mp7qzJcW/Ik0J7QqZ7ioCy4EmhP6Kq9ZNKX3HXaEQLtwmjlEyfeE/qNrzoAc1+SmPQTaaQHj9U96RqVNF172F4uPe7OSlsbI21pAQAAAPyPjHSlWibt5WgPami0R2QwnhRleqMtn7BXpudn5ROnHTtPOJgFAIA7c58VQgL1wpT7xHxXpZvZ+a73MadH3Adc83+/OaRTrXnP39wrW6456nJzycCqvbCb1QFXHW0rxEtF3NbTun0whWNNJbfKiq7pblUlXa+8232TH9zuabdrZx2XCLmlu1bEdLxvvkvTXVvqXrrj5aJsK81P6fs+S8sAAAAAAAAAAAAAPJKYS3430pP3B0p+R5lOyW8VSn4DAAAAANbt80t3EljpLoqAO0hGLnPA3TMjGzoD7hwa2dAZMH1kY17A9KK/GlrJA6ZfR6XSdHtRpps22DhXOfJwh6sXkx6VA3pWeua7kRZAw0OSlnIK2CyNpf9TTj1oC5xri6dZ8TRrxOknadG8Vnpc0k7a48uULS0AAHhQDFiL5L2yn6o96irm9LzTFraXph/d0t1Oi3QdGcr+OP2646hYKa3VUEmrozRRV0eRfk/EXG1Xes8z7wMAAHAHPgHhchfsTyUPMgAAAABJRU5ErkJggg==),
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0AgMAAAC2uDcZAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURQAAAP///////////zjAO6gAAAAEdFJOUwAuxHKQ3Q8qAAADW0lEQVR42u3dP26jQByGYUbaEe0Wi+jgKj5CirjFp9gGKXAfkOUmW+YOW2QvgdtN45XlHMAgB2aYz955nzrJp2AYM39/SYJrmTLcbDfK9MtvYbod3oXp6fCqTO8iTpdeeaNNP/1VprfKJy7ZPinTLV91AAAAAAAAAAD4kkkH/XfKCQ/TSCd7Tm/K9GHv9+89KdOzrTK9PM/68dpverXfzPnxxu9d1/Sz0ncfXtPreenZszLd+G1pq17Zchfz/nfPyoMyPT0r0802AQDMYZWt9uS7R5jWfOK9y7wEuSYT75z2EuQNph5/QU67IItrJ14S0+5dmv4aQfpBmT7RLUuHIGMO+XiXNNCCcjve1pk2TI9lIkW6lB8AAACITcxTza12qvmXMt3zdCvpX//clelJ/SZ93j+U6bl0J6+VtrQAAAAAAADwxz4r03PpGNtOOr7YLN2D8MNHer1w/4WfA00Xp3tZ8bk03R59DMo2C9PTzscUUHFYmu5j1WN+VqbbhWul/aSbhS2t5UBTFfGBppsEAAAA+Mp7qzJcW/Ik0J7QqZ7ioCy4EmhP6Kq9ZNKX3HXaEQLtwmjlEyfeE/qNrzoAc1+SmPQTaaQHj9U96RqVNF172F4uPe7OSlsbI21pAQAAAPyPjHSlWibt5WgPami0R2QwnhRleqMtn7BXpudn5ROnHTtPOJgFAIA7c58VQgL1wpT7xHxXpZvZ+a73MadH3Adc83+/OaRTrXnP39wrW6456nJzycCqvbCb1QFXHW0rxEtF3NbTun0whWNNJbfKiq7pblUlXa+8232TH9zuabdrZx2XCLmlu1bEdLxvvkvTXVvqXrrj5aJsK81P6fs+S8sAAAAAAAAAAAAAPJKYS3430pP3B0p+R5lOyW8VSn4DAAAAANbt80t3EljpLoqAO0hGLnPA3TMjGzoD7hwa2dAZMH1kY17A9KK/GlrJA6ZfR6XSdHtRpps22DhXOfJwh6sXkx6VA3pWeua7kRZAw0OSlnIK2CyNpf9TTj1oC5xri6dZ8TRrxOknadG8Vnpc0k7a48uULS0AAHhQDFiL5L2yn6o96irm9LzTFraXph/d0t1Oi3QdGcr+OP2646hYKa3VUEmrozRRV0eRfk/EXG1Xes8z7wMAAHAHPgHhchfsTyUPMgAAAABJRU5ErkJggg==),
url(data:image/png;base64,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);
background-repeat: repeat, repeat;
background-repeat: repeat, repeat;
background-attachment: scroll, fixed;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
height: 100vw;
height: 100vw;
background-size: var(--snowsize) auto !important;
animation: snowing var(--snowfall) infinite linear;
transform: rotate(90deg);
transform: rotate(90deg);
}

View file

@ -1,4 +1,3 @@
Adds an animated snowflake overlay, that is displayed atop your background. Size and speed of snowflake falling is customizable.
Won't be as noticeable, if even, on whiter backgrounds.

View file

@ -1,4 +1,4 @@
@media not (-moz-bool-pref: "zen.view.compact") {
:root:not([zen-compact-mode="true"]) {
#navigator-toolbox {
--zen-navigator-toolbox-background: var(
--lwt-header-image,
@ -8,12 +8,9 @@
var(--lwt-accent-color);
}
}
@media (-moz-bool-pref: "zen.view.compact") {
:root[zen-compact-mode="true"] {
#titlebar {
--zen-colors-tertiary: var(
--lwt-header-image,
var(--lwt-additional-images)
)
--zen-colors-tertiary: var(--lwt-header-image, var(--lwt-additional-images))
no-repeat var(--lwt-background-tiling) var(--lwt-background-alignment)
var(--lwt-accent-color);
}

View file

@ -7,7 +7,7 @@
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/64cdc40f-2366-4b5b-8bad-d0524682595e/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/64cdc40f-2366-4b5b-8bad-d0524682595e/image.png",
"author": "ch4og",
"version": "1.0.2",
"version": "1.0.3",
"tags": [],
"createdAt": "2024-08-23",
"updatedAt": "2024-09-07"

View file

@ -1,4 +1,3 @@
@media (-moz-bool-pref: "zen.tabs.vertical") {
/* Tab Borders Based on Preference */
.tabbrowser-tab:not([pinned]):is([multiselected="true"], [selected]) {
@ -24,7 +23,7 @@
}
}
/* Background Modification for Selected Tab */
/* Background Modification for Selected Tab */
#tabbrowser-tabs {
& .tabbrowser-tab {
&[selected] .tab-background {
@ -37,7 +36,7 @@
}
}
/* Dimming Tab Text When Unloaded */
/* Dimming Tab Text When Unloaded */
@media (-moz-bool-pref: "uc.tabs.dim_unloaded") {
#tabbrowser-tabs {
& .tabbrowser-tab {

View file

@ -1,5 +1,6 @@
# Better Tab Indicators
Options for customizing tabs on the sidebar.
- Adds a border around active tabs.
- Dims the title of tabs when unloaded.

View file

@ -27,7 +27,7 @@
#nav-bar,
#PersonalToolbar {
width: 75vw !important;
margin-left: calc( 12.5vw - var(--zen-element-separation) * 2) !important;
margin-left: calc(12.5vw - var(--zen-element-separation) * 2) !important;
}
}
@ -38,7 +38,7 @@
}
#PersonalToolbar,
.bookmark-item {
padding: calc( var(--zen-element-separation) / 2 ) !important;
padding: calc(var(--zen-element-separation) / 2) !important;
}
}

View file

@ -1,11 +1,14 @@
# zen-floating-toolbar
Detaches toolbar from edge of browser window so that it appears to float. Bookmark bar, if visible, will also float.
## Options
- Enable compact toolbar, similar to Smaller Compact Mode by n7itro;
- Increase space around edge of browser window and toolbar / tab bar; and
- Merge bookmark bar with toolbar (requires visible bookbark bar).
## Requires
- Compact mode to be enabled; and
- Top toolbar to be hidden.

View file

@ -1,5 +1,4 @@
@media not (-moz-bool-pref: "zen.view.compact") {
:root:not([zen-compact-mode="true"]) {
#tabbrowser-tabpanels {
padding: 0 !important;
& .browserSidebarContainer:not([zen-split="true"]) {

View file

@ -1,4 +1,3 @@
# No browser padding
Another official theme done by Zen's team. Many people requested this feature inside Zen, and now they have it, thanks to this theme!
@ -7,8 +6,8 @@ Another official theme done by Zen's team. Many people requested this feature in
It removes the right and bottom margins and border radius of the browser's view, creating a more compact experience for those who want it.
* This theme is intentionally done so that it doesn't apply for split views as it would look a bit weird!
* This theme also wont apply the changes when zen is in compact mode, as it will cause problems when trying to access the extreme sides of the webview, accidentally triggering a hover effect on the toolbars.
- This theme is intentionally done so that it doesn't apply for split views as it would look a bit weird!
- This theme also wont apply the changes when zen is in compact mode, as it will cause problems when trying to access the extreme sides of the webview, accidentally triggering a hover effect on the toolbars.
Please submit any issues related to this theme [here](https://github.com/zen-browser/theme-components/issues) instead of Zen's desktop repository.

View file

@ -7,7 +7,7 @@
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/680424a8-a818-406b-98c5-7726214e2a9f/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/680424a8-a818-406b-98c5-7726214e2a9f/image.png",
"author": "mauro-balades",
"version": "1.0.2",
"version": "1.0.3",
"tags": [],
"createdAt": "2024-08-17",
"updatedAt": "2024-08-17"

View file

@ -1,5 +1,4 @@
#nav-bar {
margin-top: var(--zen-element-separation) !important;
margin-bottom: var(--zen-element-separation) !important
}
margin-bottom: var(--zen-element-separation) !important;
}

View file

@ -1,4 +1,3 @@
# NavBar Margin
Adds some top- and bottom-margin to the navbar so it doesn't look too tight.

View file

@ -16,7 +16,8 @@
background-color: hsl(130, 50%, 40%) !important;
}
.titlebar-max, .titlebar-restore {
.titlebar-max,
.titlebar-restore {
background-color: hsl(60, 50%, 50%) !important;
}
@ -43,7 +44,8 @@
background-color: hsl(130, 50%, 40%) !important;
}
.titlebar-max:hover, .titlebar-restore:hover {
.titlebar-max:hover,
.titlebar-restore:hover {
background-color: hsl(60, 50%, 50%) !important;
}

View file

@ -19,9 +19,7 @@
},
{
"property": "disabledOn",
"label": [
"macos"
],
"label": ["macos"],
"type": "checkbox",
"disabledOn": []
},

View file

@ -1,3 +1,3 @@
# Zen Minimal Exit Menu
A zen browser mod that changes the exit menu to 3 circles similar (but a bit different) to one in MacOS.

View file

@ -1,4 +1,3 @@
.tab-content:hover {
gap: 4.5px;
}

View file

@ -1,2 +1 @@
This mod moves the tab close button to the left, which is very useful when tabs are on the right side of the browser window and expanded on hover. When the tabs expand, the mouse cursor lands directly on the close button, making it very likely to be clicked by accident.

View file

@ -1,4 +1,3 @@
# Better UniExtBtn
The unified extension button does not match the color of other extension buttons. It looks more comfortable to change it to the browser icon.

View file

@ -3,29 +3,36 @@
padding: 0px !important;
}
#tabbrowser-tabpanels[zen-split-view="true"] .browserSidebarContainer.deck-selected {
#tabbrowser-tabpanels[zen-split-view="true"]
.browserSidebarContainer.deck-selected {
outline: none !important;
}
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not(
[chromehidden~="toolbar"]
) {
& #tabbrowser-tabpanels {
padding-right: 0px !important;
padding-bottom: 0px !important;
}
}
#tabbrowser-tabpanels:has(> [zen-split="true"]), #zen-splitview-overlay {
#tabbrowser-tabpanels:has(> [zen-split="true"]),
#zen-splitview-overlay {
margin: 0px !important;
}
#tabbrowser-tabpanels[zen-split-view="true"] > [zen-split="true"], #zen-splitview-dropzone {
#tabbrowser-tabpanels[zen-split-view="true"] > [zen-split="true"],
#zen-splitview-dropzone {
flex: 1;
margin: 0px;
position: absolute !important;
overflow: hidden;
}
: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 {
& .browserContainer {
overflow: hidden;
@ -104,12 +111,14 @@
border-right: 1px solid var(--zen-colors-border) !important;
}
#navigator-toolbox[zen-user-hover="true"][zen-right-side="true"]:not([zen-has-hover="true"]) {
#navigator-toolbox[zen-user-hover="true"][zen-right-side="true"]:not(
[zen-has-hover="true"]
) {
border-left: 1px solid var(--zen-colors-border) !important;
border-right: 0px none transparent !important;
}
@media (-moz-bool-pref: "zen.view.compact"){
:root[zen-compact-mode="true"] {
#navigator-toolbox:not([zen-expanded="true"]) {
border-right: 0px none transparent !important;
}
@ -131,7 +140,8 @@
border-right: 1px solid var(--zen-colors-border) !important;
}
#zen-tabbox-wrapper:has(#navigator-toolbox[zen-right-side="true"]) > #zen-sidebar-splitter {
#zen-tabbox-wrapper:has(#navigator-toolbox[zen-right-side="true"])
> #zen-sidebar-splitter {
border-left: 1px solid var(--zen-colors-border) !important;
border-right: 0px none transparent !important;
}
@ -162,7 +172,8 @@
}
}
#sidebar-search-container, #bookmarks-view {
#sidebar-search-container,
#bookmarks-view {
background-color: transparent !important;
}

View file

@ -1,3 +1,3 @@
# Zen Paper Cut Theme
Zen's interface be made pointy and boxy. Watchout for paper cuts!

View file

@ -7,7 +7,7 @@
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/753c7518-237d-480a-abfd-1f42a7eabacc/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/753c7518-237d-480a-abfd-1f42a7eabacc/image.png",
"author": "Dinno-DEV",
"version": "1.0.3",
"version": "1.0.4",
"tags": [],
"createdAt": "2024-09-24",
"updatedAt": "2024-10-28"

View file

@ -1,9 +1,9 @@
/* This is an auto generated color theme. */
:root {
--zen-colors-primary: #A5373A !important;
--zen-colors-secondary: #D26A76 !important;
--zen-colors-tertiary: #A5373A !important;
--zen-colors-border: #D7737E !important;
--zen-primary-color: #2F0E0E !important;
--zen-dialog-background: #772F36 !important;
--zen-colors-primary: #a5373a !important;
--zen-colors-secondary: #d26a76 !important;
--zen-colors-tertiary: #a5373a !important;
--zen-colors-border: #d7737e !important;
--zen-primary-color: #2f0e0e !important;
--zen-dialog-background: #772f36 !important;
}

View file

@ -1,4 +1,3 @@
A crimson red theme for Zen!
If the urlBar background is not red, please add this into your userChrome.css file: --toolbar-field-background-color: #772F36 !important;

View file

@ -1,30 +1,53 @@
@media (prefers-color-scheme: dark) {
:root {
--zen-colors-primary: #437030 !important;
--zen-colors-secondary: #407A27 !important;
--zen-colors-tertiary: #14210E !important;
--zen-colors-border: #2B471F !important;
--zen-primary-color: #407A27 !important;
--zen-dialog-background: #0D160A !important;
--toolbarbutton-icon-fill: color-mix(in srgb, var(--zen-primary-color) 70%, white 30%) !important;
--toolbar-field-color: color-mix(in srgb, var(--zen-primary-color) 40%, white 60%) !important;
.tabbrowser-tab { color: #ADC694 !important; }
.tabbrowser-tab:is([visuallyselected], [multiselected]) { color: #EDFFE5 !important; }
--zen-colors-secondary: #407a27 !important;
--zen-colors-tertiary: #14210e !important;
--zen-colors-border: #2b471f !important;
--zen-primary-color: #407a27 !important;
--zen-dialog-background: #0d160a !important;
--toolbarbutton-icon-fill: color-mix(
in srgb,
var(--zen-primary-color) 70%,
white 30%
) !important;
--toolbar-field-color: color-mix(
in srgb,
var(--zen-primary-color) 40%,
white 60%
) !important;
.tabbrowser-tab {
color: #adc694 !important;
}
.tabbrowser-tab:is([visuallyselected], [multiselected]) {
color: #edffe5 !important;
}
}
}
@media (prefers-color-scheme: light) {
:root {
--zen-colors-primary: #437030 !important;
--zen-colors-secondary: #73C351 !important;
--zen-colors-tertiary: #D8FAB5 !important;
--zen-colors-border: #68B647 !important;
--zen-primary-color: #73C351 !important;
--zen-dialog-background: #F1FAE7 !important;
--toolbarbutton-icon-fill: color-mix(in srgb, var(--zen-primary-color) 70%, black 30%) !important;
--toolbar-field-color: color-mix(in srgb, var(--zen-primary-color) 40%, black 60%) !important;
.tabbrowser-tab { color: #2B5718 !important; }
.tabbrowser-tab:is([visuallyselected], [multiselected]) { color: #0A1F00 !important; }
--zen-colors-secondary: #73c351 !important;
--zen-colors-tertiary: #d8fab5 !important;
--zen-colors-border: #68b647 !important;
--zen-primary-color: #73c351 !important;
--zen-dialog-background: #f1fae7 !important;
--toolbarbutton-icon-fill: color-mix(
in srgb,
var(--zen-primary-color) 70%,
black 30%
) !important;
--toolbar-field-color: color-mix(
in srgb,
var(--zen-primary-color) 40%,
black 60%
) !important;
.tabbrowser-tab {
color: #2b5718 !important;
}
.tabbrowser-tab:is([visuallyselected], [multiselected]) {
color: #0a1f00 !important;
}
}
}

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