Add theme: Private Mode Highlighting

This commit is contained in:
danm36 2024-08-24 17:11:34 +00:00 committed by GitHub
parent d4b4e0265a
commit 3bd0134fd0
5 changed files with 58 additions and 0 deletions

View file

@ -0,0 +1,31 @@
@media not (-moz-bool-pref: "uc.private-browsing-top-bar.no-bg") {
[privatebrowsingmode] #nav-bar {
background-image: linear-gradient(to bottom, #25003EFF, #25003E44) !important;
}
@media (-moz-bool-pref: "uc.private-browsing-top-bar.solid-bg") {
[privatebrowsingmode] #nav-bar {
background-image: none !important;
background-color: #25003E !important;
}
}
}
@media not (-moz-bool-pref: "uc.private-browsing-top-bar.hide-icon") {
[privatebrowsingmode] #stop-reload-button {
position: relative;
}
[privatebrowsingmode] #stop-reload-button::after {
content: "";
position: absolute;
left: 100%;
top: 0;
width: 100%;
height: 100%;
background-image: url("chrome://global/skin/icons/indicator-private-browsing.svg");
background-repeat: no-repeat;
background-position: center center;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View file

@ -0,0 +1,5 @@
{
"uc.private-browsing-top-bar.solid-bg": "Replaces the purple gradient on the toolbar with a solid purple color",
"uc.private-browsing-top-bar.no-bg": "Removes the background color on the toolbar entirely",
"uc.private-browsing-top-bar.hide-icon": "Hides the private browsing icon"
}

View file

@ -0,0 +1,21 @@
# Private Browsing Toolbar Highlighting
Any Zen window in private browsing mode isn't obviously indicated by default. This theme fixes that.
## What this theme does.
By default, this theme:
* Highlights the toolbar of a private browsing window with a purple gradient.
* Adds a private browsing icon to the right of the refresh button.
It also comes with three settings:
* Replace the gradient with a solid purple color.
* Remove the background color entirely.
* Hide the private browsing icon.
These settings can be found in Zen's browser settings, in the 'Look and Feel' tab.
Encountered an issue? Raise them [here](https://github.com/danm36/zen-browser-private-browsing-toolbar-highlighting/issues).

View file

@ -0,0 +1 @@
{"id": "58649066-2b6f-4a5b-af6d-c3d21d16fc00", "name": "Private Mode Highlighting", "description": "This theme adds a purple gradient and 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"}