mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Theme - Tab preview transparent #890

Browse source
This commit is contained in:
alstjr7375 2024-05-19 01:18:27 +09:00
parent 2af9b3674d
commit 2895809cc5
3 changed files with 35 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

20
css/leptonChrome.css generated
View file

@ -184,6 +184,15 @@
:root[tabsintitlebar] #titlebar:-moz-window-inactive .toolbarbutton-icon {
fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1);
}
/*= Tabpreviw transparent #890 ===============================================*/
#tab-preview-panel {
--panel-background: var(
--arrowpanel-background
) !important; /* Original: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) */
--panel-color: var(
--arrowpanel-color
) !important; /* Original: var(--tab-selected-textcolor, var(--toolbar-color)) */
}
}
/*= OS - Compatibility =======================================================*/
@supports -moz-bool-pref("userChrome.compatibility.os") {
@ -13599,6 +13608,7 @@
/*= Menubar rounding #814 ====================================================*/
/*= Infobar Align #858 =======================================================*/
/*= Inactive transparent #882 ================================================*/
/*= Tabpreviw transparent #890 ===============================================*/
}
@media (-moz-bool-pref: "userChrome.compatibility.theme") and (-moz-bool-pref: "userChrome.tab.connect_to_window") {
/* TARGET: original, photon */
@ -13730,6 +13740,16 @@
fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1);
}
}
@media (-moz-bool-pref: "userChrome.compatibility.theme") {
#tab-preview-panel {
--panel-background: var(
--arrowpanel-background
) !important; /* Original: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) */
--panel-color: var(
--arrowpanel-color
) !important; /* Original: var(--tab-selected-textcolor, var(--toolbar-color)) */
}
}
/*= OS - Compatibility =======================================================*/
@media (-moz-bool-pref: "userChrome.compatibility.os") {
/*= Windows 10 - Top border of accent color at ESR #358 ======================*/

9
css/leptonChromeESR.css generated
View file

@ -184,6 +184,15 @@
:root[tabsintitlebar] #titlebar:-moz-window-inactive .toolbarbutton-icon {
fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1);
}
/*= Tabpreviw transparent #890 ===============================================*/
#tab-preview-panel {
--panel-background: var(
--arrowpanel-background
) !important; /* Original: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) */
--panel-color: var(
--arrowpanel-color
) !important; /* Original: var(--tab-selected-textcolor, var(--toolbar-color)) */
}
}
/*= OS - Compatibility =======================================================*/
@supports -moz-bool-pref("userChrome.compatibility.os") {

6
src/compatibility/_theme.scss
View file

@ -193,3 +193,9 @@ vbox[part="drop-indicator-bar"] > image[part="drop-indicator"] {
fill-opacity: var(--inactive-toolbarbutton-icon-fill-opacity, 1);
}
}
/*= Tabpreviw transparent #890 ===============================================*/
#tab-preview-panel {
--panel-background: var(--arrowpanel-background) !important; /* Original: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) */
--panel-color: var(--arrowpanel-color) !important; /* Original: var(--tab-selected-textcolor, var(--toolbar-color)) */
}