git.kianting.info Git - clo/blob - docs/assets/highlight.css

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