mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-03 15:53:52 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Clean: compatibility/_theme

Browse source
This commit is contained in:
alstjr7375 2022-05-10 05:10:33 +09:00
parent c236fe7422
commit 4678fa53e4
2 changed files with 49 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

17
css/leptonChrome.css
View file

@ -77,24 +77,18 @@
/*= Remove Tab Border ========================================================*/
@supports -moz-bool-pref("userChrome.tab.connect_to_window") {
/* TARGET: original, photon */
/* Light Theme */
#TabsToolbar[brighttext]
#tabbrowser-tabs:not([noshadowfortests])
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
> .tab-stack
> .tab-background:-moz-lwtheme,
#TabsToolbar:not([brighttext])
#tabbrowser-tabs:not([noshadowfortests])
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
> .tab-stack
> .tab-background {
border: unset !important;
/* Nigtly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
}
/* Dark Theme */
#TabsToolbar[brighttext]
#tabbrowser-tabs:not([noshadowfortests])
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
> .tab-stack
> .tab-background:-moz-lwtheme {
border: unset !important;
/* Nigtly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)) */
}
}
/*= Light Weight Theme =======================================================*/
@ -105,7 +99,6 @@
background-repeat: no-repeat !important;
background-position: right top !important;
}
@media (min-width: 2500px) {
:root[lwtheme-image] {
background-size: contain;

77
src/compatibility/_theme.scss
View file

@ -16,10 +16,12 @@
}
/*= Zoom in button's plus icon horizontal rate ===============================*/
#customization-palette-container #zoom-in-button > .toolbarbutton-icon,
#customization-panel-container #zoom-in-button > .toolbarbutton-icon,
#widget-overflow-mainView #zoom-in-button > .toolbarbutton-icon {
padding-inline-start: 0px !important;
#customization-palette-container,
#customization-panel-container,
#widget-overflow-mainView {
#zoom-in-button > .toolbarbutton-icon {
padding-inline-start: 0px !important;
}
}
/*= Icon Fill Color ==========================================================*/
@ -36,31 +38,38 @@
}
/*= Disabled menu background color ===========================================*/
menuitem[disabled="true"],
menu[disabled="true"] {
background-color: transparent !important;
menuitem,
menu {
&[disabled="true"] {
background-color: transparent !important;
}
}
/*= Remove Tab Border ========================================================*/
@mixin _theme_removeTabBorder($options...) {
%noneBorder {
/* Nigtly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
border: unset !important;
}
@each $prefix, $postfix in $options {
#TabsToolbar#{$prefix}
#tabbrowser-tabs:not([noshadowfortests])
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
> .tab-stack
> .tab-background#{$postfix} {
@extend %noneBorder;
}
}
}
@include Option("userChrome.tab.connect_to_window") {
/* TARGET: original, photon */
/* Light Theme */
#TabsToolbar:not([brighttext])
#tabbrowser-tabs:not([noshadowfortests])
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
> .tab-stack
> .tab-background {
border: unset !important; /* Nigtly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); */
}
/* Dark Theme */
#TabsToolbar[brighttext]
#tabbrowser-tabs:not([noshadowfortests])
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
> .tab-stack
> .tab-background:-moz-lwtheme {
border: unset !important; /* Nigtly 96: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)) */
}
@include _theme_removeTabBorder(
// Light Theme
":not([brighttext])",
// Dark Theme
"[brighttext]" ":-moz-lwtheme"
);
}
/*= Light Weight Theme =======================================================*/
@ -69,21 +78,23 @@ menu[disabled="true"] {
background-image: var(--lwt-header-image) !important; /* Original: var(--lwt-header-image) */
background-repeat: no-repeat !important;
background-position: right top !important;
}
@media (min-width: 2500px) {
:root[lwtheme-image] {
// For high-resolution screen's image ratio
@media (min-width: 2500px) {
background-size: contain;
@include Option("userChrome.compatibility.covered_header_image") {
background-size: cover;
}
}
}
:root[lwtheme-image] #navigator-toolbox:-moz-lwtheme {
background-image: var(--lwt-header-image), var(--lwt-additional-images) !important;
background-repeat: var(--lwt-background-tiling) !important;
background-position: var(--lwt-background-alignment) !important;
background-color: unset !important; /* Original: var(--lwt-accent-color) */
// lwtheme compatibility
#navigator-toolbox:-moz-lwtheme {
background-image: var(--lwt-header-image), var(--lwt-additional-images) !important;
background-repeat: var(--lwt-background-tiling) !important;
background-position: var(--lwt-background-alignment) !important;
background-color: unset !important; /* Original: var(--lwt-accent-color) */
}
}
/* Navbar Border */