mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 08:55:31 +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