browser/themes/shared/browser-custom-colors.inc.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 @media not (prefers-contrast) {
   6   @media (-moz-proton) {
   7   :root:not(:-moz-lwtheme) {
   8     --buttons-primary-button-bgcolor: rgb(0,97,224);
   9     --buttons-primary-button-hover-bgcolor: rgb(2,80,187);
  10     --buttons-primary-button-active-bgcolor: rgb(5,62,148);
  11     --buttons-primary-button-color: rgb(251,251,254);
  12     --button-bgcolor: rgb(240,240,244);
  13     --button-hover-bgcolor: rgb(224,224,230);
  14     --button-active-bgcolor: rgb(207,207,216);
  15     --button-color: rgb(21,20,26);
  16     --buttons-box-shadow: transparent;
  17
  18     --focus-outline-color: var(--buttons-primary-button-bgcolor);
  19     --focus-outline-offset: 2px;
  20
  21     --checkbox-border-color: rgb(143,143,157);
  22     --checkbox-unchecked-bgcolor: rgb(240,240,244);
  23     --checkbox-unchecked-hover-bgcolor: rgb(224,224,230);
  24     --checkbox-unchecked-active-bgcolor: rgb(207,207,216);
  25     --checkbox-checked-border-color: rgb(0,97,224);
  26     --checkbox-checked-bgcolor: rgb(0,97,224);
  27     --checkbox-checked-color: rgb(251,251,254);
  28     --checkbox-checked-hover-bgcolor: rgb(2,80,187);
  29     --checkbox-checked-active-bgcolor: rgb(5,62,148);
  30
  31     --default-arrowpanel-background: #fff;
  32     --default-arrowpanel-color: rgb(21,20,26);
  33
  34     --arrowpanel-dimmed: color-mix(in srgb, currentColor 12%, transparent);
  35     --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent);
  36     --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent);
  37
  38     --error-text-color: #C50042;
  39
  40     --input-color: rgb(21,20,26);
  41     --input-bgcolor: rgb(255,255,255);
  42     --input-border-color: rgb(143,143,157);
  43     --input-error-border-color: #E22850;
  44
  45     --tab-line-color: rgba(128,128,142,0.9);
  46     --tab-selected-bgcolor: rgb(255,255,255);
  47     --tabs-border-color: transparent;
  48     --toolbar-color: rgb(21,20,26);
  49
  50     --urlbar-popup-action-color: rgb(21,20,26);
  51     --urlbar-popup-url-color: rgb(0,97,224);
  52
  53     --urlbar-separator-color: rgb(240,240,244);
  54     --toolbar-field-border-color: transparent;
  55     --arrowpanel-border-color: transparent;
  56
  57     --toolbar-field-non-lwt-bgcolor: rgb(240,240,244);
  58
  59     --autocomplete-popup-highlight-background: var(--arrowpanel-dimmed);
  60     --autocomplete-popup-highlight-color: rgb(21,20,26);
  61     --urlbar-result-hover-bgcolor: rgb(240,240,244);
  62   }
  63   } /** END Proton **/
  64 }