docs/assets/highlight.css

   1 :root {
   2     --light-hl-0: #000000;
   3     --dark-hl-0: #D4D4D4;
   4     --light-hl-1: #098658;
   5     --dark-hl-1: #B5CEA8;
   6     --light-hl-2: #795E26;
   7     --dark-hl-2: #DCDCAA;
   8     --light-hl-3: #001080;
   9     --dark-hl-3: #9CDCFE;
  10     --light-hl-4: #0000FF;
  11     --dark-hl-4: #569CD6;
  12     --light-hl-5: #0070C1;
  13     --dark-hl-5: #4FC1FF;
  14     --light-hl-6: #A31515;
  15     --dark-hl-6: #CE9178;
  16     --light-hl-7: #008000;
  17     --dark-hl-7: #6A9955;
  18     --light-hl-8: #AF00DB;
  19     --dark-hl-8: #C586C0;
  20     --light-code-background: #FFFFFF;
  21     --dark-code-background: #1E1E1E;
  22 }
  23
  24 @media (prefers-color-scheme: light) { :root {
  25     --hl-0: var(--light-hl-0);
  26     --hl-1: var(--light-hl-1);
  27     --hl-2: var(--light-hl-2);
  28     --hl-3: var(--light-hl-3);
  29     --hl-4: var(--light-hl-4);
  30     --hl-5: var(--light-hl-5);
  31     --hl-6: var(--light-hl-6);
  32     --hl-7: var(--light-hl-7);
  33     --hl-8: var(--light-hl-8);
  34     --code-background: var(--light-code-background);
  35 } }
  36
  37 @media (prefers-color-scheme: dark) { :root {
  38     --hl-0: var(--dark-hl-0);
  39     --hl-1: var(--dark-hl-1);
  40     --hl-2: var(--dark-hl-2);
  41     --hl-3: var(--dark-hl-3);
  42     --hl-4: var(--dark-hl-4);
  43     --hl-5: var(--dark-hl-5);
  44     --hl-6: var(--dark-hl-6);
  45     --hl-7: var(--dark-hl-7);
  46     --hl-8: var(--dark-hl-8);
  47     --code-background: var(--dark-code-background);
  48 } }
  49
  50 :root[data-theme='light'] {
  51     --hl-0: var(--light-hl-0);
  52     --hl-1: var(--light-hl-1);
  53     --hl-2: var(--light-hl-2);
  54     --hl-3: var(--light-hl-3);
  55     --hl-4: var(--light-hl-4);
  56     --hl-5: var(--light-hl-5);
  57     --hl-6: var(--light-hl-6);
  58     --hl-7: var(--light-hl-7);
  59     --hl-8: var(--light-hl-8);
  60     --code-background: var(--light-code-background);
  61 }
  62
  63 :root[data-theme='dark'] {
  64     --hl-0: var(--dark-hl-0);
  65     --hl-1: var(--dark-hl-1);
  66     --hl-2: var(--dark-hl-2);
  67     --hl-3: var(--dark-hl-3);
  68     --hl-4: var(--dark-hl-4);
  69     --hl-5: var(--dark-hl-5);
  70     --hl-6: var(--dark-hl-6);
  71     --hl-7: var(--dark-hl-7);
  72     --hl-8: var(--dark-hl-8);
  73     --code-background: var(--dark-code-background);
  74 }
  75
  76 .hl-0 { color: var(--hl-0); }
  77 .hl-1 { color: var(--hl-1); }
  78 .hl-2 { color: var(--hl-2); }
  79 .hl-3 { color: var(--hl-3); }
  80 .hl-4 { color: var(--hl-4); }
  81 .hl-5 { color: var(--hl-5); }
  82 .hl-6 { color: var(--hl-6); }
  83 .hl-7 { color: var(--hl-7); }
  84 .hl-8 { color: var(--hl-8); }
  85 pre, code { background: var(--code-background); }