195 lines
6.3 KiB
SCSS
195 lines
6.3 KiB
SCSS
/*= Windows 10 - Top border of accent color at ESR #358 ======================*/
|
|
@include OS($win10) {
|
|
:root[sizemode=normal][tabsintitlebar] {
|
|
#navigator-toolbox {
|
|
border-top: .5px solid rgb(47, 47, 47) !important;
|
|
}
|
|
&:-moz-window-inactive #navigator-toolbox {
|
|
border-top-color: rgb(57, 57, 57) !important;
|
|
}
|
|
|
|
@media (-moz-windows-accent-color-in-titlebar) {
|
|
#navigator-toolbox {
|
|
border-top-color: -moz-accent-color !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*= Windows 7, 8 - Tab Bar Background *****************************************/
|
|
@include OS($win7, $win8) {
|
|
/* Header Color */
|
|
:root:not([lwtheme-image]):-moz-lwtheme {
|
|
background-color: var(--lwt-accent-color) !important;
|
|
}
|
|
}
|
|
|
|
//-- Mixin ---------------------------------------------------------------------
|
|
@mixin _os_winTabBarTextColor {
|
|
/* background textcolor */
|
|
color: var(--lwt-text-color) !important;
|
|
}
|
|
|
|
//------------------------------------------------------------------------------
|
|
|
|
@include OS($win7) {
|
|
#TabsToolbar {
|
|
&:-moz-lwtheme {
|
|
@include _os_winTabBarTextColor;
|
|
}
|
|
|
|
/* Remove Aero */
|
|
/* Original: radial-gradient(eclipse at bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 80%, transparent) */
|
|
background-image: unset !important;
|
|
}
|
|
}
|
|
@include OS($win8) {
|
|
#navigator-toolbox:-moz-lwtheme {
|
|
@include _os_winTabBarTextColor;
|
|
}
|
|
}
|
|
|
|
/*= Windows 7, 8 - Menu Active Color =========================================*/
|
|
@include OS($win7, $win8) {
|
|
menupopup > menu,
|
|
menupopup > menuitem,
|
|
#context-navigation > menuitem {
|
|
border: 1px solid transparent; /* Need reduce 2px at menu */
|
|
}
|
|
|
|
#main-menubar > menu[open="true"],
|
|
#main-menubar > menu[_moz-menuactive="true"] {
|
|
background-color: -moz-menuhover !important; /* Make to original */
|
|
}
|
|
:root:-moz-lwtheme #main-menubar > menu[open="true"],
|
|
:root:-moz-lwtheme #main-menubar > menu[_moz-menuactive="true"] {
|
|
color: inherit !important; /* Original: -moz-menubarhovertext */
|
|
background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */
|
|
}
|
|
|
|
menulist > menupopup > menuitem[_moz-menuactive="true"],
|
|
menulist > menupopup > menu[_moz-menuactive="true"] {
|
|
background-color: highlight !important;
|
|
color: highlighttext !important;
|
|
}
|
|
|
|
#PlacesToolbar menu,
|
|
#PlacesToolbar menuitem,
|
|
#BMB_bookmarksPopup menu,
|
|
#BMB_bookmarksPopup menuitem {
|
|
border: none !important; /* Remove border */
|
|
|
|
&:not([disabled], :active)[_moz-menuactive="true"] {
|
|
background-color: var(--button-hover-bgcolor) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
//-- Mixin ---------------------------------------------------------------------
|
|
@mixin _os_menuEmulate($bgRate, $bdRate) {
|
|
menu[_moz-menuactive="true"],
|
|
menuitem[_moz-menuactive="true"] {
|
|
background-color: color-mix(in srgb, -moz-menuhover $bgRate, transparent) !important;
|
|
border-color: color-mix(in srgb, -moz-menuhover $bdRate, transparent) !important;
|
|
|
|
&[disabled="true"] {
|
|
background-color: color-mix(in srgb, currentColor $bgRate, transparent) !important;
|
|
border-color: color-mix(in srgb, currentColor $bdRate, transparent) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
//------------------------------------------------------------------------------
|
|
|
|
@include OS($win7) {
|
|
@include _os_menuEmulate(5%, 60%);
|
|
|
|
/* Remove text shadow */
|
|
:root:-moz-lwtheme #toolbar-menubar {
|
|
text-shadow: unset !important;
|
|
/* Original: 0 0 .5em white, 0 0 .5em white, 0 1px 0 rgba(255, 255, 255, .4) */
|
|
}
|
|
|
|
/* Remove Color */
|
|
:root:-moz-lwtheme #main-menubar:not(:-moz-window-inactive) {
|
|
background-color: unset !important; /* Original: rgba(255, 255, 255, .5) */
|
|
color: unset !important; /* Original: black */
|
|
}
|
|
}
|
|
@include OS($win8) {
|
|
@include _os_menuEmulate(17%, 80%);
|
|
}
|
|
|
|
@include OS($linux) {
|
|
/*= Linux - Global Menubar Active Color ====================================*/
|
|
#main-menubar > menu[open="true"],
|
|
#main-menubar > menu[_moz-menuactive="true"] {
|
|
color: inherit !important; /* Original: -moz-menubarhovertext */
|
|
background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */
|
|
}
|
|
|
|
/*= Linux - Titlebar button at lwtheme =====================================*/
|
|
@include NotOption("userChrome.compatiblity.os.linux_non_native_titlebar_button") {
|
|
.titlebar-button:-moz-lwtheme {
|
|
appearance: auto !important;
|
|
}
|
|
.titlebar-min:-moz-lwtheme,
|
|
.titlebar-max:-moz-lwtheme,
|
|
.titlebar-restore:-moz-lwtheme,
|
|
.titlebar-close:-moz-lwtheme {
|
|
list-style-image: none !important;
|
|
}
|
|
.titlebar-button:-moz-lwtheme:hover,
|
|
.titlebar-button:-moz-lwtheme:hover:active {
|
|
background-color: unset !important;
|
|
color: unset !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*= Linux - Light System Default Theme's Selected Tab ========================*/
|
|
//-- Mixin ---------------------------------------------------------------------
|
|
$_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
|
|
@mixin _os_linuxDefaultThemeSelectedTab {
|
|
#tabbrowser-tabs:not([noshadowfortests])
|
|
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])
|
|
> .tab-stack
|
|
> .tab-background:not(:-moz-lwtheme) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
//------------------------------------------------------------------------------
|
|
|
|
@include OS($linux) {
|
|
@include Light {
|
|
/* Because of
|
|
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background {
|
|
border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9));
|
|
box-shadow: 0 0 4px rgba(128,128,142,0.5);
|
|
}
|
|
*/
|
|
@include _os_linuxDefaultThemeSelectedTab {
|
|
box-shadow: $_os_linuxDefaultShadow !important;
|
|
}
|
|
#TabsToolbar:not([brighttext]) {
|
|
@include _os_linuxDefaultThemeSelectedTab {
|
|
box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), $_os_linuxDefaultShadow !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*= Titlebar Container Size at maximized #384 ================================*/
|
|
@include Option("userChrome.compatibility.os.windows_maximized") {
|
|
@include OS($win) {
|
|
:root[tabsintitlebar][sizemode="maximized"] #titlebar {
|
|
/* -moz-default-appearance: -moz-window-titlebar */
|
|
appearance: none !important;
|
|
|
|
// Prevent sideeffect #370
|
|
padding-top: 8px; // Don't use margin-top for reserved fullscreen animation
|
|
}
|
|
}
|
|
}
|