Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add private browsing indicator

Browse source
This commit is contained in:
bmFtZQ 2021-12-03 08:20:27 +08:00
parent 23e0972901
commit 2b7c3991c6
3 changed files with 37 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
chrome/global/colors.css
View file

@ -124,3 +124,11 @@
:root[lwt-default-theme-in-dark-mode="true"] #tabbrowser-tabpanels { :root[lwt-default-theme-in-dark-mode="true"] #tabbrowser-tabpanels {
background-color: var(--lwt-accent-color) !important; background-color: var(--lwt-accent-color) !important;
} }
/* needed for theming the private browsing indicator */
:root:not([style*="--button-primary-bgcolor"]) {
--button-primary-bgcolor: unset !important;
--button-primary-hover-bgcolor: unset !important;
--button-primary-active-bgcolor: unset !important;
--button-primary-color: unset !important;
}

27
chrome/toolbar/navbar.css
View file

@ -42,3 +42,30 @@
:root[fxastatus="signedin"] #fxa-avatar-image { :root[fxastatus="signedin"] #fxa-avatar-image {
scale: 1.5 !important; scale: 1.5 !important;
} }
:root[privatebrowsingmode] #fxa-toolbar-menu-button::before {
content: "Private" !important;
display: -moz-box !important;
font-size: 12px !important;
}
:root[privatebrowsingmode] #fxa-toolbar-menu-button {
background: var(--button-primary-bgcolor, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention))) !important;
margin: 4px !important;
padding-inline: 8px 0 !important;
color: var(--button-primary-color, var(--toolbar-bgcolor)) !important;
fill: currentColor !important;
}
:root[privatebrowsingmode] #fxa-toolbar-menu-button:hover {
background: var(--button-primary-hover-bgcolor, color-mix(in srgb, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention)) 90%, transparent)) !important;
}
:root[privatebrowsingmode] #fxa-toolbar-menu-button:not([disabled=true]):is([open],[checked],:hover:active) {
background: var(--button-primary-active-bgcolor, color-mix(in srgb, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention)) 70%, transparent)) !important;
}
:root[privatebrowsingmode] #nav-bar #fxa-toolbar-menu-button > .toolbarbutton-badge-stack {
background: transparent !important;
margin-inline: 0 !important;
}

3
chrome/toolbar/tabbar.css
View file

@ -183,7 +183,8 @@
display: -moz-box !important; display: -moz-box !important;
} }
.titlebar-spacer[type="pre-tabs"] { .titlebar-spacer[type="pre-tabs"],
.private-browsing-indicator {
display: none !important; display: none !important;
} }