src/webui/www/private/css/palette.css

   1 /* Adaptive color palette */
   2
   3 /* Default rules */
   4 * {
   5     --color-accent-blue: hsl(210deg 65% 55%);
   6     --color-text-blue: hsl(210deg 100% 55%);
   7     --color-text-orange: hsl(26deg 100% 45%);
   8     --color-text-red: hsl(0deg 100% 65%);
   9     --color-text-green: hsl(110deg 94% 27%);
  10     --color-text-white: hsl(0deg 0% 100%);
  11     --color-text-disabled: hsl(0deg 0% 60%);
  12     --color-text-default: hsl(0deg 0% 33%);
  13     --color-background-blue: hsl(210deg 65% 55%);
  14     --color-background-popup: hsl(0deg 0% 100%);
  15     --color-background-default: hsl(0deg 0% 94%);
  16     --color-background-hover: hsl(26deg 80% 60%);
  17     --color-border-blue: hsl(210deg 42% 48%);
  18     --color-border-default: hsl(0deg 0% 85%);
  19     --color-icon-hover: brightness(0) invert(100%) sepia(100%) saturate(0%)
  20         hue-rotate(108deg) brightness(104%) contrast(104%);
  21 }
  22
  23 :root {
  24     color-scheme: light dark;
  25 }
  26
  27 /* Light corrections */
  28 @media (prefers-color-scheme: light) {
  29     :root {
  30         color-scheme: light;
  31     }
  32 }
  33
  34 /* Dark corrections */
  35 @media (prefers-color-scheme: dark) {
  36     :root {
  37         color-scheme: dark;
  38     }
  39
  40     * {
  41         --color-accent-blue: hsl(210deg 42% 48%);
  42         --color-text-blue: hsl(210deg 88.1% 73.5%);
  43         --color-text-orange: hsl(26deg 65% 70%);
  44         --color-text-default: hsl(0deg 0% 90%);
  45         --color-background-blue: hsl(210deg 42% 48%);
  46         --color-background-popup: hsl(0deg 0% 20%);
  47         --color-background-default: hsl(0deg 0% 25%);
  48         --color-background-hover: hsl(26deg 50% 55%);
  49         --color-border-default: hsl(0deg 0% 33%);
  50     }
  51
  52     #rssButtonBar img,
  53     #startSearchButton img,
  54     #manageSearchPlugins img {
  55         filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%)
  56             hue-rotate(156deg) brightness(106%) contrast(101%);
  57     }
  58 }