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 }
  20
  21 :root {
  22     color-scheme: light dark;
  23 }
  24
  25 /* Light corrections */
  26 @media (prefers-color-scheme: light) {
  27     :root {
  28         color-scheme: light;
  29     }
  30 }
  31
  32 /* Dark corrections */
  33 @media (prefers-color-scheme: dark) {
  34     :root {
  35         color-scheme: dark;
  36     }
  37
  38     * {
  39         --color-accent-blue: hsl(210deg 42% 48%);
  40         --color-text-blue: hsl(210deg 88.1% 73.5%);
  41         --color-text-orange: hsl(26deg 65% 70%);
  42         --color-text-default: hsl(0deg 0% 90%);
  43         --color-background-blue: hsl(210deg 42% 48%);
  44         --color-background-popup: hsl(0deg 0% 20%);
  45         --color-background-default: hsl(0deg 0% 25%);
  46         --color-background-hover: hsl(26deg 50% 55%);
  47         --color-border-default: hsl(0deg 0% 33%);
  48     }
  49 }