add linux/gtk theme support

This commit is contained in:
bmFtZQ 2022-06-12 01:15:06 +08:00
parent 0a720d6001
commit cde79a01e2
9 changed files with 153 additions and 35 deletions

View file

@ -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;

View file

@ -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),

View file

@ -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 {