148 lines
6.9 KiB
CSS
148 lines
6.9 KiB
CSS
/* EdgeFr-Fox by bmFtZQ - colors.css */
|
|
|
|
/* light */
|
|
:root:not(:-moz-lwtheme) {
|
|
--lwt-accent-color: #cecece !important;
|
|
--lwt-accent-color-inactive: #e8e8e8 !important;
|
|
--lwt-text-color: #000 !important;
|
|
--toolbar-bgcolor: #f7f7f7 !important;
|
|
--toolbar-color: #000 !important;
|
|
--toolbarbutton-icon-fill: #000 !important;
|
|
--chrome-content-separator-color: #bfbfbf !important;
|
|
--lwt-toolbarbutton-icon-fill-attention: #0078D4 !important;
|
|
--toolbarbutton-icon-fill-attention: #0078D4 !important;
|
|
--lwt-tab-text: var(--toolbar-color) !important;
|
|
--lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
|
|
--tab-selected-bgcolor: var(--toolbar-bgcolor) !important;
|
|
--toolbar-field-background-color: #fff !important;
|
|
--toolbar-field-color: #000 !important;
|
|
--toolbar-field-border-color: #0000 !important;
|
|
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
|
|
--toolbar-field-focus-color: var(--toolbar-field-color) !important;
|
|
--toolbar-field-focus-border-color: #0055D7 !important;
|
|
--urlbar-icon-fill-opacity: 1 !important;
|
|
--urlbar-popup-url-color: #0072C9 !important;
|
|
--lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important;
|
|
--urlbar-box-bgcolor: #f7f7f7 !important;
|
|
--autocomplete-popup-background: #fff !important;
|
|
--autocomplete-popup-color: #fff !important;
|
|
--autocomplete-popup-highlight-background: #f2f2f2 !important;
|
|
--autocomplete-popup-hover-background: #e5e5e5 !important;
|
|
--autocomplete-popup-separator-color: #dadada00 !important;
|
|
--toolbarbutton-hover-background: #e0e0e0 !important;
|
|
--toolbarbutton-active-background: #d5d5d5 !important;
|
|
--button-bgcolor: #EDEDED !important;
|
|
--button-hover-bgcolor: #e5e5e5 !important;
|
|
--button-active-bgcolor: #d5d5d5 !important;
|
|
--button-primary-bgcolor: #0078D4 !important;
|
|
--button-primary-hover-bgcolor: #006CBE !important;
|
|
--button-primary-active-bgcolor: #1683D8 !important;
|
|
--button-primary-color: #fff !important;
|
|
--error-text-color: #FF9AA2 !important;
|
|
--input-bgcolor: #fff !important;
|
|
--input-color: #2b2b2b !important;
|
|
--input-border-color: #bebebe !important;
|
|
--input-error-border-color: #FF848A !important;
|
|
--zoom-controls-bgcolor: #4A4A4A !important;
|
|
--arrowpanel-background: #fff !important;
|
|
--arrowpanel-color: #000 !important;
|
|
--panel-description-color: #000a !important;
|
|
--panel-disabled-color: #0009 !important;
|
|
--arrowpanel-dimmed: #565656 !important;
|
|
--arrowpanel-dimmed-further: #707070 !important;
|
|
--panel-item-hover-bgcolor: #eee !important;
|
|
--panel-item-active-bgcolor: #ddd !important;
|
|
--arrowpanel-border-color: #dadada !important;
|
|
--panel-separator-color: #dadada !important;
|
|
--panel-banner-item-update-supported-bgcolor: #50B080 !important;
|
|
--focus-outline-color: #0055D7 !important;
|
|
--panel-shortcut-color: inherit !important;
|
|
--uc-urlbar-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
|
|
--toolbarbutton-hover-background: #00000014 !important;
|
|
--toolbarbutton-active-background: #00000021 !important;
|
|
--uc-private-browsing-indicator: var(--button-primary-bgcolor);
|
|
--uc-private-browding-indicator-hover: var(--button-primary-hover-bgcolor);
|
|
--uc-private-browding-indicator-active: var(--button-primary-active-bgcolor);
|
|
--uc-private-browding-indicator-text: var(--button-primary-color);
|
|
}
|
|
|
|
/* dark */
|
|
:root[lwt-default-theme-in-dark-mode="true"] {
|
|
--lwt-accent-color: #1C1C1C !important;
|
|
--lwt-accent-color-inactive: #2e2e2e !important;
|
|
--lwt-text-color: #E5E5E5 !important;
|
|
--toolbar-bgcolor: #3B3B3B !important;
|
|
--toolbar-color: #fff !important;
|
|
--toolbarbutton-icon-fill: #fff !important;
|
|
--chrome-content-separator-color: #686868 !important;
|
|
--lwt-toolbarbutton-icon-fill-attention: #4C98D1 !important;
|
|
--toolbarbutton-icon-fill-attention: #4C98D1 !important;
|
|
--lwt-tab-text: var(--toolbar-color) !important;
|
|
--lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
|
|
--tab-selected-bgcolor: var(--toolbar-bgcolor) !important;
|
|
--toolbar-field-background-color: #2B2B2B !important;
|
|
--toolbar-field-color: #fff !important;
|
|
--toolbar-field-border-color: #0000 !important;
|
|
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
|
|
--toolbar-field-focus-color: var(--toolbar-field-color) !important;
|
|
--toolbar-field-focus-border-color: #63ADE5 !important;
|
|
--urlbar-icon-fill-opacity: 1 !important;
|
|
--urlbar-popup-url-color: #75B6E8 !important;
|
|
--lwt-brighttext-url-color: var(--urlbar-popup-url-color) !important;
|
|
--urlbar-box-bgcolor: #3B3B3B !important;
|
|
--autocomplete-popup-background: #4A4A4A !important;
|
|
--autocomplete-popup-color: #fff !important;
|
|
--autocomplete-popup-highlight-background: #383838 !important;
|
|
--autocomplete-popup-hover-background: #444444 !important;
|
|
--autocomplete-popup-separator-color: #63636300 !important;
|
|
--button-bgcolor: #3B3B3B !important;
|
|
--button-hover-bgcolor: #545454 !important;
|
|
--button-active-bgcolor: #606060 !important;
|
|
--button-primary-bgcolor: #006CBE !important;
|
|
--button-primary-hover-bgcolor: #0078D4 !important;
|
|
--button-primary-active-bgcolor: #005CA3 !important;
|
|
--button-primary-color: #fff !important;
|
|
--error-text-color: #FF9AA2 !important;
|
|
--input-bgcolor: #4A4A4A !important;
|
|
--input-color: #fff !important;
|
|
--input-border-color: #8A8A8A !important;
|
|
--input-error-border-color: #FF848A !important;
|
|
--zoom-controls-bgcolor: #4A4A4A !important;
|
|
--arrowpanel-background: #4A4A4A !important;
|
|
--arrowpanel-color: #fff !important;
|
|
--panel-description-color: #fffb !important;
|
|
--panel-disabled-color: #ABABAA !important;
|
|
--arrowpanel-dimmed: #565656 !important;
|
|
--arrowpanel-dimmed-further: #707070 !important;
|
|
--panel-item-hover-bgcolor: #646464 !important;
|
|
--panel-item-active-bgcolor: #747474 !important;
|
|
--arrowpanel-border-color: #636363 !important;
|
|
--panel-separator-color: #636363 !important;
|
|
--panel-banner-item-update-supported-bgcolor: #50B080 !important;
|
|
--focus-outline-color: #63ADE5 !important;
|
|
--panel-shortcut-color: inherit !important;
|
|
--toolbarbutton-hover-background: #ffffff25 !important;
|
|
--toolbarbutton-active-background: #ffffff32 !important;
|
|
--uc-private-browsing-indicator: var(--button-primary-bgcolor);
|
|
--uc-private-browding-indicator-hover: var(--button-primary-hover-bgcolor);
|
|
--uc-private-browding-indicator-active: var(--button-primary-active-bgcolor);
|
|
--uc-private-browding-indicator-text: var(--button-primary-color);
|
|
}
|
|
|
|
/* Change Colour of page when loading */
|
|
:root:not(:-moz-lwtheme) #tabbrowser-tabpanels {
|
|
background-color: #f7f7f7 !important;
|
|
}
|
|
|
|
:root[lwt-default-theme-in-dark-mode="true"] #tabbrowser-tabpanels {
|
|
background-color: #252525 !important;
|
|
}
|
|
|
|
/* make the titlebar buttons black/white on default themes */
|
|
:root:not(:-moz-lwtheme)[tabsintitlebar] .titlebar-buttonbox {
|
|
color: #000 !important;
|
|
}
|
|
|
|
:root[lwt-default-theme-in-dark-mode="true"][tabsintitlebar] .titlebar-buttonbox {
|
|
color: #fff !important;
|
|
}
|