mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-14 20:23:53 +02:00
55 lines
1.6 KiB
CSS
55 lines
1.6 KiB
CSS
@media not (-moz-bool-pref: "uc.private-browsing-top-bar.no-bg") {
|
|
[privatebrowsingmode] #nav-bar {
|
|
background-image: linear-gradient(to bottom, #25003EFF, #25003E00 98%) !important;
|
|
}
|
|
|
|
[privatebrowsingmode] [devtoolstheme=light] #nav-bar {
|
|
background-image: linear-gradient(to bottom, #C080EBFF, #ffffff00 98%) !important;
|
|
}
|
|
|
|
@media (-moz-bool-pref: "uc.private-browsing-top-bar.solid-bg") {
|
|
[privatebrowsingmode] #nav-bar {
|
|
background-image: none !important;
|
|
background-color: #25003E !important;
|
|
}
|
|
|
|
[privatebrowsingmode] [devtoolstheme=light] #nav-bar {
|
|
background-color: #C080EB !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;
|
|
background-size: 70%;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/*
|
|
* Prevents the spring from collapsing too far and causing the URL bar to overlap the icon
|
|
*/
|
|
[privatebrowsingmode] toolbarspring:has(+ #urlbar-container) {
|
|
min-width: 40px !important;
|
|
}
|
|
|
|
/*
|
|
*If the spring has been remvoed (e.g., the browser width is too small),
|
|
*then add a margin to the URL bar to prevent it from overlapping the icon
|
|
*/
|
|
[privatebrowsingmode] #stop-reload-button + #urlbar-container {
|
|
margin-inline-start: 40px !important;
|
|
}
|
|
}
|