add linux/gtk theme support
This commit is contained in:
parent
0a720d6001
commit
cde79a01e2
9 changed files with 153 additions and 35 deletions
|
@ -65,6 +65,21 @@
|
|||
background: var(--uc-private-browding-indicator-active, color-mix(in srgb, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention)) 70%, transparent)) !important;
|
||||
}
|
||||
|
||||
@media (-moz-gtk-csd-available) {
|
||||
:root[privatebrowsingmode] #fxa-toolbar-menu-button:not(:-moz-lwtheme) {
|
||||
background: -moz-accent-color !important;
|
||||
color: -moz-accent-color-foreground !important;
|
||||
}
|
||||
|
||||
:root[privatebrowsingmode] #fxa-toolbar-menu-button:not(:-moz-lwtheme):hover {
|
||||
background:color-mix(in srgb, black 8%, -moz-accent-color) !important;
|
||||
}
|
||||
|
||||
:root[privatebrowsingmode] #fxa-toolbar-menu-button:not(:-moz-lwtheme):not([disabled=true]):is([open], [checked], :hover:active) {
|
||||
background: color-mix(in srgb, black 16%, -moz-accent-color) !important;
|
||||
}
|
||||
}
|
||||
|
||||
:root[privatebrowsingmode] #nav-bar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack {
|
||||
background: transparent !important;
|
||||
margin-inline: 0 !important;
|
||||
|
|
|
@ -105,16 +105,18 @@
|
|||
}
|
||||
|
||||
/* fix colours */
|
||||
#navigator-toolbox:not(:-moz-lwtheme) {
|
||||
background-color: var(--lwt-accent-color) !important;
|
||||
color: var(--lwt-text-color) !important;
|
||||
}
|
||||
@media not (-moz-gtk-csd-available) {
|
||||
#navigator-toolbox:not(:-moz-lwtheme) {
|
||||
background-color: var(--lwt-accent-color) !important;
|
||||
color: var(--lwt-text-color) !important;
|
||||
}
|
||||
|
||||
/* force inactive window on default theme */
|
||||
@media not (-moz-platform: windows-win7) {
|
||||
@media not (-moz-platform: windows-win8) {
|
||||
#navigator-toolbox:-moz-window-inactive:not(:-moz-lwtheme) {
|
||||
background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
|
||||
/* force inactive window on default theme */
|
||||
@media not (-moz-platform: windows-win7) {
|
||||
@media not (-moz-platform: windows-win8) {
|
||||
#navigator-toolbox:-moz-window-inactive:not(:-moz-lwtheme) {
|
||||
background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -125,7 +127,7 @@
|
|||
|
||||
#TabsToolbar .toolbarbutton-animatable-box,
|
||||
#TabsToolbar .toolbarbutton-1 {
|
||||
fill: var(--lwt-text-color) !important;
|
||||
fill: currentColor !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[multiselected]:not(:-moz-lwtheme),
|
||||
|
|
|
@ -13,13 +13,18 @@
|
|||
--urlbar-box-bgcolor: unset !important;
|
||||
}
|
||||
|
||||
#urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background:not(:-moz-lwtheme),
|
||||
#searchbar:not(:-moz-lwtheme):focus-within,
|
||||
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background,
|
||||
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #searchbar:focus-within {
|
||||
outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important;
|
||||
}
|
||||
|
||||
@media not (-moz-gtk-csd-available) {
|
||||
#urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background:not(:-moz-lwtheme),
|
||||
#searchbar:not(:-moz-lwtheme):focus-within {
|
||||
outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important;
|
||||
}
|
||||
}
|
||||
|
||||
:root:not([lwtheme-brighttext="true"]) #urlbar-background {
|
||||
box-shadow: var(--uc-urlbar-shadow, none);
|
||||
}
|
||||
|
@ -168,26 +173,15 @@
|
|||
}
|
||||
|
||||
/* make urlbar icons opaque in default theme */
|
||||
@media not (prefers-contrast) {
|
||||
:is(:root:not(:-moz-lwtheme), :root[style*="--lwt-accent-color: rgb(240, 240, 244)"]) :is(
|
||||
.urlbar-icon:not(#star-button[starred]),
|
||||
.sharing-icon,
|
||||
#identity-icon,
|
||||
.searchbar-search-icon,
|
||||
#identity-icon-label,
|
||||
#permissions-granted-icon,
|
||||
#tracking-protection-icon,
|
||||
.notification-anchor-icon,
|
||||
#blocked-permissions-container > .blocked-permission-icon) {
|
||||
opacity: 0.6 !important;
|
||||
}
|
||||
}
|
||||
|
||||
#urlbar-input::placeholder,
|
||||
.searchbar-textbox::placeholder {
|
||||
opacity: 0.6 !important;
|
||||
}
|
||||
|
||||
:is(:root:not(:-moz-lwtheme), :root[style*="--lwt-accent-color: rgb(240, 240, 244)"]) #identity-icon-label {
|
||||
opacity: var(--urlbar-icon-fill-opacity) !important;
|
||||
}
|
||||
|
||||
/* remove background from urlbar box */
|
||||
#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button:not(:hover, [open]),
|
||||
#identity-box[pageproxystate="valid"].chromeUI>.identity-box-button:not(:hover, [open]),
|
||||
|
@ -219,7 +213,6 @@
|
|||
}
|
||||
|
||||
@media not (prefers-reduced-motion) {
|
||||
|
||||
:is(#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button,
|
||||
#identity-box[pageproxystate="valid"].chromeUI>.identity-box-button,
|
||||
#identity-box[pageproxystate="valid"].extensionPage>.identity-box-button)::after {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue