highlight.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. :root {
  2. --light-hl-0: #AF00DB;
  3. --dark-hl-0: #C586C0;
  4. --light-hl-1: #000000;
  5. --dark-hl-1: #D4D4D4;
  6. --light-hl-2: #0000FF;
  7. --dark-hl-2: #569CD6;
  8. --light-hl-3: #001080;
  9. --dark-hl-3: #9CDCFE;
  10. --light-hl-4: #A31515;
  11. --dark-hl-4: #CE9178;
  12. --light-hl-5: #0070C1;
  13. --dark-hl-5: #4FC1FF;
  14. --light-hl-6: #795E26;
  15. --dark-hl-6: #DCDCAA;
  16. --light-hl-7: #008000;
  17. --dark-hl-7: #6A9955;
  18. --light-hl-8: #267F99;
  19. --dark-hl-8: #4EC9B0;
  20. --light-hl-9: #800000;
  21. --dark-hl-9: #808080;
  22. --light-hl-10: #800000;
  23. --dark-hl-10: #569CD6;
  24. --light-hl-11: #000000FF;
  25. --dark-hl-11: #D4D4D4;
  26. --light-hl-12: #E50000;
  27. --dark-hl-12: #9CDCFE;
  28. --light-hl-13: #0000FF;
  29. --dark-hl-13: #CE9178;
  30. --light-code-background: #FFFFFF;
  31. --dark-code-background: #1E1E1E;
  32. }
  33. @media (prefers-color-scheme: light) { :root {
  34. --hl-0: var(--light-hl-0);
  35. --hl-1: var(--light-hl-1);
  36. --hl-2: var(--light-hl-2);
  37. --hl-3: var(--light-hl-3);
  38. --hl-4: var(--light-hl-4);
  39. --hl-5: var(--light-hl-5);
  40. --hl-6: var(--light-hl-6);
  41. --hl-7: var(--light-hl-7);
  42. --hl-8: var(--light-hl-8);
  43. --hl-9: var(--light-hl-9);
  44. --hl-10: var(--light-hl-10);
  45. --hl-11: var(--light-hl-11);
  46. --hl-12: var(--light-hl-12);
  47. --hl-13: var(--light-hl-13);
  48. --code-background: var(--light-code-background);
  49. } }
  50. @media (prefers-color-scheme: dark) { :root {
  51. --hl-0: var(--dark-hl-0);
  52. --hl-1: var(--dark-hl-1);
  53. --hl-2: var(--dark-hl-2);
  54. --hl-3: var(--dark-hl-3);
  55. --hl-4: var(--dark-hl-4);
  56. --hl-5: var(--dark-hl-5);
  57. --hl-6: var(--dark-hl-6);
  58. --hl-7: var(--dark-hl-7);
  59. --hl-8: var(--dark-hl-8);
  60. --hl-9: var(--dark-hl-9);
  61. --hl-10: var(--dark-hl-10);
  62. --hl-11: var(--dark-hl-11);
  63. --hl-12: var(--dark-hl-12);
  64. --hl-13: var(--dark-hl-13);
  65. --code-background: var(--dark-code-background);
  66. } }
  67. :root[data-theme='light'] {
  68. --hl-0: var(--light-hl-0);
  69. --hl-1: var(--light-hl-1);
  70. --hl-2: var(--light-hl-2);
  71. --hl-3: var(--light-hl-3);
  72. --hl-4: var(--light-hl-4);
  73. --hl-5: var(--light-hl-5);
  74. --hl-6: var(--light-hl-6);
  75. --hl-7: var(--light-hl-7);
  76. --hl-8: var(--light-hl-8);
  77. --hl-9: var(--light-hl-9);
  78. --hl-10: var(--light-hl-10);
  79. --hl-11: var(--light-hl-11);
  80. --hl-12: var(--light-hl-12);
  81. --hl-13: var(--light-hl-13);
  82. --code-background: var(--light-code-background);
  83. }
  84. :root[data-theme='dark'] {
  85. --hl-0: var(--dark-hl-0);
  86. --hl-1: var(--dark-hl-1);
  87. --hl-2: var(--dark-hl-2);
  88. --hl-3: var(--dark-hl-3);
  89. --hl-4: var(--dark-hl-4);
  90. --hl-5: var(--dark-hl-5);
  91. --hl-6: var(--dark-hl-6);
  92. --hl-7: var(--dark-hl-7);
  93. --hl-8: var(--dark-hl-8);
  94. --hl-9: var(--dark-hl-9);
  95. --hl-10: var(--dark-hl-10);
  96. --hl-11: var(--dark-hl-11);
  97. --hl-12: var(--dark-hl-12);
  98. --hl-13: var(--dark-hl-13);
  99. --code-background: var(--dark-code-background);
  100. }
  101. .hl-0 { color: var(--hl-0); }
  102. .hl-1 { color: var(--hl-1); }
  103. .hl-2 { color: var(--hl-2); }
  104. .hl-3 { color: var(--hl-3); }
  105. .hl-4 { color: var(--hl-4); }
  106. .hl-5 { color: var(--hl-5); }
  107. .hl-6 { color: var(--hl-6); }
  108. .hl-7 { color: var(--hl-7); }
  109. .hl-8 { color: var(--hl-8); }
  110. .hl-9 { color: var(--hl-9); }
  111. .hl-10 { color: var(--hl-10); }
  112. .hl-11 { color: var(--hl-11); }
  113. .hl-12 { color: var(--hl-12); }
  114. .hl-13 { color: var(--hl-13); }
  115. pre, code { background: var(--code-background); }