highlight.css 2.1 KB

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