mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-01 15:00:32 -08:00
Add: System Default Theme - Win10 light
This commit is contained in:
BlaCk_Void
parent
9b183995ea
commit
db7f7fbb57
1 changed files with 181 additions and 0 deletions
181
userChrome.css
181
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 */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue