diff options
Diffstat (limited to 'browser/themes/shared/browser-custom-colors.css')
| -rw-r--r-- | browser/themes/shared/browser-custom-colors.css | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/browser/themes/shared/browser-custom-colors.css b/browser/themes/shared/browser-custom-colors.css new file mode 100644 index 0000000000..b9c336f832 --- /dev/null +++ b/browser/themes/shared/browser-custom-colors.css @@ -0,0 +1,63 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace html url("http://www.w3.org/1999/xhtml"); + +@media not (prefers-contrast) { + :root:not(:-moz-lwtheme) { + --button-primary-bgcolor: rgb(0,97,224); + --button-primary-hover-bgcolor: rgb(2,80,187); + --button-primary-active-bgcolor: rgb(5,62,148); + --button-primary-color: rgb(251,251,254); + --button-bgcolor: rgba(207,207,216,.33); + --button-hover-bgcolor: rgba(207,207,216,.66); + --button-active-bgcolor: rgb(207,207,216); + --button-color: rgb(21,20,26); + + --focus-outline-color: var(--button-primary-bgcolor); + + --checkbox-border-color: var(--input-border-color); + --checkbox-unchecked-bgcolor: var(--button-bgcolor); + --checkbox-unchecked-hover-bgcolor: var(--button-hover-bgcolor); + --checkbox-unchecked-active-bgcolor: var(--button-active-bgcolor); + --checkbox-checked-border-color: transparent; + --checkbox-checked-bgcolor: var(--button-primary-bgcolor); + --checkbox-checked-color: var(--button-primary-color); + --checkbox-checked-hover-bgcolor: var(--button-primary-hover-bgcolor); + --checkbox-checked-active-bgcolor: var(--button-primary-active-bgcolor); + + --arrowpanel-dimmed: color-mix(in srgb, currentColor 12%, transparent); + --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent); + --panel-shortcut-color: rgb(91,91,102); + + --input-color: rgb(21,20,26); + --input-bgcolor: rgb(255,255,255); + --input-border-color: color-mix(in srgb, currentColor 41%, transparent); + + --tab-selected-bgcolor: rgb(255,255,255); + --tab-icon-overlay-stroke: rgb(255,255,255); + --tab-icon-overlay-fill: rgb(91,91,102); + --toolbar-color: rgb(21,20,26); + --toolbar-non-lwt-bgcolor: #f9f9fb; + --toolbar-non-lwt-textcolor: rgb(21, 20, 26); + --toolbarbutton-icon-fill: rgb(91,91,102); + --toolbarbutton-icon-fill-attention: rgb(0,97,224); + + --urlbar-popup-action-color: rgb(91,91,102); + --urlbar-popup-url-color: rgb(0,97,224); + --urlbar-icon-fill-opacity: 0.72; + + --autocomplete-popup-separator-color: rgb(240,240,244); + --toolbar-field-border-color: transparent; + --arrowpanel-border-color: rgb(240,240,244); + --chrome-content-separator-color: rgb(204,204,204); + + --toolbar-field-background-color: rgb(240,240,244); + --toolbar-field-color: rgb(21,20,26); + + --autocomplete-popup-highlight-background: #e0e0e6; + --autocomplete-popup-highlight-color: rgb(21,20,26); + --autocomplete-popup-hover-background: rgb(240,240,244); + } +} |