diff --git a/userChrome.css b/userChrome.css index fedc0a3..e1a4960 100644 --- a/userChrome.css +++ b/userChrome.css @@ -172,6 +172,187 @@ } } + /*= Windows10 - UWP like color =============================================*/ + @media (-moz-os-version: windows-win10) { + :root:not(:-moz-lwtheme) { + --win-text-color: rgba(0, 0, 0); + --win-bgcolor: rgb(204, 204, 204); + --win-disabled-color: rgb(145, 145, 145); /* also button-active-color */ + --win-disabled-bgcolor: transparent; + --win-hover-bgcolor: rgb(218, 218, 218); + --win-hover-active-bgcolor: #C2C2C2; /* also button-bgcolor */ + --win-field-bgcolor: #FFFFFF; + --win-component-bgcolor: #F2F2F2; + --win-sidebar-bgcolor: #E6E6E6; + --win-sidebar-hover-bgcolor: #CFCFCF; + --win-sidebar-border-color: #8A8A8A; + --win-sidebar-button-hover-bgcolor: #B8B8B8; + --win-sidebar-button-hover-active-bgcolor: #A3A3A3; + --win-button-border: #747474; + --win-button-hover-bgcolor: rgba(145, 145, 145, .66); + --win-shorcut-text-color: #757575; + --win-red-color: #B31616; + --win-accent-color: #005DBA; + --win-accent-hover-color: #4599DB; + --win-accent-active-color: #0078D7; + + /* Text, Icon Color */ + --menu-color: var(--win-text-color) !important; + --lwt-text-color: var(--win-text-color) !important; + --button-color: var(--win-text-color) !important; + --input-color: var(--win-text-color) !important; + --toolbar-color: var(--win-text-color) !important; + --toolbar-non-lwt-textcolor: var(--win-text-color) !important; + --toolbarbutton-icon-fill: var(--win-text-color) !important; + --toolbar-field-focus-color: var(--win-text-color) !important; + --urlbar-popup-action-color: var(--win-text-color) !important; + --toolbar-field-color: var(--win-text-color) !important; + --autocomplete-popup-highlight-color: var(--win-text-color) !important; + --tab-icon-overlay-fill: var(--win-text-color) !important; + --panel-banner-item-color: var(--win-text-color) !important; + --arrowpanel-color: var(--win-text-color) !important; + --autocomplete-popup-color: var(--win-text-color) !important; + + /* Text Disabled Color */ + --menu-disabled-color: var(--win-disabled-color) !important; + --button-active-bgcolor: var(--win-disabled-color) !important; + --checkbox-unchecked-active-bgcolor: var(--win-disabled-color) !important; + --panel-disabled-color: var(--win-disabled-color) !important; + --download-progress-paused-color: var(--win-disabled-color) !important; + + /* Text Shortcut Color */ + --panel-shortcut-color: var(--win-shorcut-text-color) !important; + --panel-description-color: var(--win-shorcut-text-color) !important; + + /* Title Background, Border Color */ + --menu-border-color: var(--win-bgcolor) !important; + --toolbar-field-border-color: var(--win-bgcolor) !important; + --arrowpanel-border-color: var(--win-bgcolor) !important; + --chrome-content-separator-color: var(--win-bgcolor) !important; + --toolbarseparator-color: var(--win-bgcolor) !important; + --panel-separator-color: var(--win-bgcolor) !important; + + /* Component Background Color */ + --menu-background-color: var(--win-component-bgcolor) !important; + --toolbar-bgcolor: var(--win-component-bgcolor) !important; + --toolbar-non-lwt-bgcolor: var(--win-component-bgcolor) !important; + --arrowpanel-background: var(--win-component-bgcolor) !important; + --autocomplete-popup-background: var(--win-component-bgcolor) !important; + + /* Field Backround Color */ + --input-bgcolor: var(--win-field-bgcolor) !important; + --toolbar-field-background-color: var(--win-field-bgcolor) !important; + --toolbar-field-focus-background-color: var(--win-field-bgcolor) !important; + --tab-icon-overlay-stroke: var(--win-field-bgcolor) !important; + --tab-selected-bgcolor: var(--win-field-bgcolor) !important; + --button-primary-color: var(--win-field-bgcolor) !important; + --checkbox-checked-color: var(--win-field-bgcolor) !important; + + /* Hover Background Color */ + --menuitem-hover-background-color: var(--win-hover-bgcolor) !important; + --toolbarbutton-hover-background: var(--win-hover-bgcolor) !important; + --panel-banner-item-hover-bgcolor: var(--win-hover-bgcolor) !important; + + /* Hover Active, Button Color */ + --button-bgcolor: var(--win-hover-active-bgcolor) !important; + --checkbox-unchecked-bgcolor: var(--win-hover-active-bgcolor) !important; + --panel-banner-item-background-color: var(--win-hover-active-bgcolor) !important; + --urlbar-box-bgcolor: var(--win-hover-active-bgcolor) !important; + --urlbar-box-focus-bgcolor: var(--win-hover-active-bgcolor) !important; + --panel-banner-item-active-bgcolor: var(--win-hover-active-bgcolor) !important; + --toolbarbutton-active-background: var(--win-hover-active-bgcolor) !important; + --urlbar-box-active-bgcolor: var(--win-hover-active-bgcolor) !important; + + /* Disabled Background Color */ + --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; + + /* Button Hover Color */ + --button-hover-bgcolor: var(--win-button-hover-bgcolor) !important; + --checkbox-unchecked-hover-bgcolor: var(--win-button-hover-bgcolor) !important; + --urlbar-box-hover-bgcolor: var(--win-button-hover-bgcolor) !important; + + /* Button Border Color */ + --tab-line-color: var(--win-button-border) !important; + --checkbox-border-color: var(--win-button-border) !important; + --input-border-color: var(--win-button-border) !important; + + /* Accent Color */ + --toolbarbutton-icon-fill-attention: var(--win-accent-color) !important; + --urlbar-popup-url-color: var(--win-accent-color) !important; + --button-primary-bgcolor: var(--win-accent-color) !important; + --focus-outline-color: var(--win-accent-color) !important; + --checkbox-checked-bgcolor: var(--win-accent-color) !important; + --download-progress-fill-color: var(--win-accent-color) !important; + + /* Accent Hover Color */ + --button-primary-hover-bgcolor: var(--win-accent-hover-color) !important; + --checkbox-checked-hover-bgcolor: var(--win-accent-hover-color) !important; + + /* Accent Hover Active Color */ + --button-primary-active-bgcolor: var(--win-accent-active-color) !important; + --checkbox-checked-active-bgcolor: var(--win-accent-active-color) !important; + + /* Error Color */ + --error-text-color: var(--win-red-color) !important; + --input-error-border-color: var(--win-red-color) !important; + + /* Others */ + --tab-selected-bgcolor: rgb(255,255,255) !important; + --tabs-border-color: transparent !important; + --checkbox-checked-border-color: transparent !important; + + /* Other Defaults */ + --arrowpanel-dimmed: color-mix(in srgb, currentColor 12%, transparent) !important; + --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent) !important; + --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent) !important; + + --autocomplete-popup-highlight-background: #e0e0e6 !important; + --autocomplete-popup-separator-color: rgb(240,240,244) !important; + --autocomplete-popup-hover-background: rgb(240,240,244) !important; + + --download-progress-flare-color: rgba(255,255,255,0.75) !important; + + --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; + } + + html#main-window menupopup:not(:-moz-lwtheme) { + --menu-color: var(--win-text-color) !important; + --menu-background-color: var(--win-component-bgcolor) !important; + --menu-border-color: var(--win-bgcolor) !important; + --menuitem-hover-background-color: var(--win-hover-bgcolor) !important; + --menu-disabled-color: var(--win-disabled-color) !important; + --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; + } + + :root:not(:-moz-lwtheme) #titlebar { + --button-hover-bgcolor: var(--win-sidebar-button-hover-bgcolor); + --button-active-bgcolor: var(--win-sidebar-button-hover-active-bgcolor); + --toolbarbutton-hover-background: var(--win-sidebar-button-hover-bgcolor); + --toolbarbutton-active-background: var(--win-sidebar-button-hover-active-bgcolor); + } + + :root:not(:-moz-lwtheme) #sidebar-box { + --sidebar-background-color: var(--win-sidebar-bgcolor) !important; + --sidebar-text-color: var(--win-text-color) !important; + --sidebar-border-color: var(--win-sidebar-border-color) !important; + } + + :root:not(:-moz-lwtheme) .subviewbutton:not( + #appMenu-fxa-label2, + #appMenu-zoomReduce-button2, + #appMenu-zoomEnlarge-button2, + #appMenu-fullscreen-button2 + ) { + --button-hover-bgcolor: var(--win-hover-bgcolor) !important; + --button-active-bgcolor: var(--win-hover-active-bgcolor) !important; + } + + /* For overwrite */ + :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):not(:-moz-lwtheme) { + --lwt-accent-color: var(--win-bgcolor) !important; + } + } + /*= Windows10 - Titlebar accent color ======================================*/ @media (-moz-windows-accent-color-in-titlebar) { /* Tab Bar */