mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-02-02 21:41:27 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Theme - Transparent only foreground color at inactive #882

Browse source
This commit is contained in:
alstjr7375 2024-04-20 21:00:06 +09:00
parent 80f97b5782
commit 6976df1254
3 changed files with 46 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

24
css/leptonChrome.css generated
View file

@ -173,6 +173,17 @@
.container.infobar {
align-items: center !important;
}
/*= Inactive transparent #882 ================================================*/
:root[tabsintitlebar] #titlebar:-moz-window-inactive {
opacity: 1 !important;
color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity, 0.75) * 100%), transparent) !important;
--inactive-toolbarbutton-icon-fill-opacity: calc(
var(--toolbarbutton-icon-fill-opacity, 1) * var(--inactive-titlebar-opacity, 0.75)
);
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .toolbarbutton-icon {
fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1);
}
}
/*= OS - Compatibility =======================================================*/
@supports -moz-bool-pref("userChrome.compatibility.os") {
@ -13537,6 +13548,7 @@
/*= Firefox View Border #498 =================================================*/
/*= Menubar rounding #814 ====================================================*/
/*= Infobar Align #858 =======================================================*/
/*= Inactive transparent #882 ================================================*/
}
@media (-moz-bool-pref: "userChrome.compatibility.theme") and (-moz-bool-pref: "userChrome.tab.connect_to_window") {
/* TARGET: original, photon */
@ -13656,6 +13668,18 @@
align-items: center !important;
}
}
@media (-moz-bool-pref: "userChrome.compatibility.theme") {
:root[tabsintitlebar] #titlebar:-moz-window-inactive {
opacity: 1 !important;
color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity, 0.75) * 100%), transparent) !important;
--inactive-toolbarbutton-icon-fill-opacity: calc(
var(--toolbarbutton-icon-fill-opacity, 1) * var(--inactive-titlebar-opacity, 0.75)
);
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .toolbarbutton-icon {
fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1);
}
}
/*= OS - Compatibility =======================================================*/
@media (-moz-bool-pref: "userChrome.compatibility.os") {
/*= Windows 10 - Top border of accent color at ESR #358 ======================*/

11
css/leptonChromeESR.css generated
View file

@ -173,6 +173,17 @@
.container.infobar {
align-items: center !important;
}
/*= Inactive transparent #882 ================================================*/
:root[tabsintitlebar] #titlebar:-moz-window-inactive {
opacity: 1 !important;
color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity, 0.75) * 100%), transparent) !important;
--inactive-toolbarbutton-icon-fill-opacity: calc(
var(--toolbarbutton-icon-fill-opacity, 1) * var(--inactive-titlebar-opacity, 0.75)
);
}
:root[tabsintitlebar] #titlebar:-moz-window-inactive .toolbarbutton-icon {
fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1);
}
}
/*= OS - Compatibility =======================================================*/
@supports -moz-bool-pref("userChrome.compatibility.os") {

11
src/compatibility/_theme.scss
View file

@ -182,3 +182,14 @@ vbox[part="drop-indicator-bar"] > image[part="drop-indicator"] {
.container.infobar {
align-items: center !important;
}
/*= Inactive transparent #882 ================================================*/
:root[tabsintitlebar] #titlebar:-moz-window-inactive {
opacity: 1 !important;
color: color-mix(in srgb, currentColor calc(var(--inactive-titlebar-opacity, 0.75) * 100%), transparent) !important;
--inactive-toolbarbutton-icon-fill-opacity: calc(var(--toolbarbutton-icon-fill-opacity, 1) * var(--inactive-titlebar-opacity, 0.75));
.toolbarbutton-icon {
fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1);
}
}