290 lines
9.4 KiB
SCSS
290 lines
9.4 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 {
|
|
@include AccentColor {
|
|
border-top-color: $accentBorder !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*= Windows 7, 8 - Tab Bar Background *****************************************/
|
|
@include OS($win7, $win8) {
|
|
@include NotOption("userChrome.theme.transparent.frame") {
|
|
/* Header Color */
|
|
:root:not([lwtheme-image]):-moz-lwtheme {
|
|
background-color: var(--lwt-accent-color) !important;
|
|
|
|
&:-moz-window-inactive {
|
|
background-color: var(--lwt-accent-color-inactive, 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 Bar ==================================================*/
|
|
@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 */
|
|
}
|
|
}
|
|
|
|
/*= Windows - Native Menu ====================================================*/
|
|
//-- Mixin ---------------------------------------------------------------------
|
|
@mixin _os_menuEmulateActive($activeBg, $activeBd, $disabledBg, $disabledBd) {
|
|
menu[_moz-menuactive="true"],
|
|
menuitem[_moz-menuactive="true"] {
|
|
background-color: $activeBg !important;
|
|
border-color: $activeBd !important;
|
|
|
|
&[disabled="true"] {
|
|
background-color: $disabledBg !important;
|
|
border-color: $disabledBd !important;
|
|
}
|
|
}
|
|
}
|
|
@mixin _os_menuEmulate($bgRate, $bdRate) {
|
|
@include _os_menuEmulateActive(
|
|
color-mix(in srgb, -moz-menuhover $bgRate, transparent),
|
|
color-mix(in srgb, -moz-menuhover $bdRate, transparent),
|
|
color-mix(in srgb, currentColor $bgRate, transparent),
|
|
color-mix(in srgb, currentColor $bdRate, transparent)
|
|
);
|
|
}
|
|
|
|
//------------------------------------------------------------------------------
|
|
|
|
@include WinNativeMenu() {
|
|
@include OS($win) {
|
|
// UI Density Menu Item Padding #649
|
|
.customization-uidensity-menuitem > .menu-iconic-left {
|
|
width: unset !important;
|
|
}
|
|
|
|
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;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include OS($win7) {
|
|
@media (-moz-windows-classic: 0) {
|
|
@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($win10) {
|
|
@include NativeMenuPopup {
|
|
@include _os_menuEmulateActive(
|
|
#91c9f7, // color-mix(in srgb, -moz-menuhover 40%, transparent)
|
|
transparent,
|
|
color-mix(in srgb, currentColor 9%, transparent),
|
|
transparent
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
@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.compatibility.os.linux_non_native_titlebar_button") {
|
|
@include lwtheme {
|
|
.titlebar-button {
|
|
appearance: none !important;
|
|
> .toolbarbutton-icon {
|
|
appearance: auto !important;
|
|
width: unset !important;
|
|
height: unset !important;
|
|
}
|
|
}
|
|
.titlebar-min,
|
|
.titlebar-max,
|
|
.titlebar-restore,
|
|
.titlebar-close {
|
|
list-style-image: none !important;
|
|
}
|
|
.titlebar-button,
|
|
.titlebar-button: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 {
|
|
@include not_lwtheme {
|
|
#tabbrowser-tabs:not([noshadowfortests])
|
|
.tabbrowser-tab:is([visuallyselected], [multiselected])
|
|
> .tab-stack
|
|
> .tab-background {
|
|
@content;
|
|
}
|
|
}
|
|
}
|
|
|
|
//------------------------------------------------------------------------------
|
|
|
|
@include OS($linux) {
|
|
@include Light {
|
|
/* Because of
|
|
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [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 OS($win) {
|
|
:root[tabsintitlebar] {
|
|
@include NotOption("userChrome.compatibility.os.windows_maximized") {
|
|
#titlebar {
|
|
// Prevent #476 FF v105 above
|
|
/* -moz-default-appearance: -moz-window-titlebar */
|
|
appearance: none !important;
|
|
}
|
|
@include OS($win7, $win8) {
|
|
&[sizemode="maximized"] #titlebar {
|
|
// Only win7, win8 #480
|
|
padding-top: 8px; // Don't use margin-top for reserved fullscreen animation
|
|
}
|
|
}
|
|
}
|
|
@include Option("userChrome.compatibility.os.windows_maximized") {
|
|
&[sizemode="maximized"] #titlebar {
|
|
appearance: none !important;
|
|
|
|
// Prevent side effect #370
|
|
padding-top: 8px; // Don't use margin-top for reserved fullscreen animation
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*= Windows - Classic Theme #734 =============================================*/
|
|
// It occurs by #titlebar { appearance: none !important; } above
|
|
// https://github.com/mozilla/gecko-dev/blob/4334cb91a3762ac497c50a1c7b86b8004690229e/browser/themes/windows/browser.css#L96-L109
|
|
// https://github.com/mozilla/gecko-dev/blob/4334cb91a3762ac497c50a1c7b86b8004690229e/browser/themes/windows/browser.css#L164-L174
|
|
// https://github.com/mozilla/gecko-dev/blob/4334cb91a3762ac497c50a1c7b86b8004690229e/browser/themes/windows/browser-aero.css#L71-L81
|
|
@include OS($win) {
|
|
@include WinClassic {
|
|
:root[tabsintitlebar][sizemode="normal"]:not(:-moz-lwtheme) #navigator-toolbox {
|
|
appearance: auto !important;
|
|
-moz-default-appearance: -moz-window-titlebar !important;;
|
|
}
|
|
|
|
:root[tabsintitlebar][sizemode="maximized"]:not(:-moz-lwtheme) #navigator-toolbox {
|
|
appearance: auto !important;;
|
|
-moz-default-appearance:-moz-window-titlebar !important;;
|
|
}
|
|
|
|
:root[tabsintitlebar]:not(:-moz-lwtheme) #tabbrowser-arrowscrollbox {
|
|
color: -moz-dialogtext !important;
|
|
}
|
|
|
|
:root[tabsintitlebar][sizemode="normal"] #navigator-toolbox:-moz-lwtheme {
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
ThreeDLightShadow 0, ThreeDLightShadow 1px,
|
|
ThreeDHighlight 1px, ThreeDHighlight 2px,
|
|
ActiveBorder 2px, ActiveBorder 4px, transparent 4px
|
|
) !important;
|
|
}
|
|
}
|
|
}
|