mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-08 01:10:01 +02:00
Add theme: Private Mode Highlighting
This commit is contained in:
parent
d4b4e0265a
commit
3bd0134fd0
5 changed files with 58 additions and 0 deletions
31
themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/chrome.css
Normal file
31
themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/chrome.css
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
BIN
themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/image.png
Normal file
BIN
themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
|
@ -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"
|
||||||
|
}
|
21
themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/readme.md
Normal file
21
themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/readme.md
Normal 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).
|
1
themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/theme.json
Normal file
1
themes/58649066-2b6f-4a5b-af6d-c3d21d16fc00/theme.json
Normal 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"}
|
Loading…
Add table
Add a link
Reference in a new issue