_prism.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. html {
  2. --prismValue: #905;
  3. --prismText: #5e8e01;
  4. --prismOperator: #a67f59;
  5. --prismKeyword: #0070a3;
  6. --prismFunction: #dd4a68;
  7. --prismVariable: #e90;
  8. }
  9. html._theme-dark {
  10. --prismValue: #eb8160;
  11. --prismText: #ddcf88;
  12. --prismOperator: #b1c676;
  13. --prismKeyword: #91b3ed;
  14. --prismFunction: #c79e6b;
  15. --prismVariable: #e9c062;
  16. }
  17. .token.comment,
  18. .token.prolog,
  19. .token.doctype,
  20. .token.cdata,
  21. .token.punctuation {
  22. color: var(--textColorLight);
  23. }
  24. .namespace {
  25. opacity: .7;
  26. }
  27. .token.property,
  28. .token.tag,
  29. .token.boolean,
  30. .token.number,
  31. .token.constant,
  32. .token.symbol,
  33. .token.deleted {
  34. color: var(--prismValue);
  35. }
  36. .token.selector,
  37. .token.attr-name,
  38. .token.string,
  39. .token.char,
  40. .token.builtin,
  41. .token.inserted {
  42. color: var(--prismText);
  43. }
  44. .token.operator,
  45. .token.entity,
  46. .token.url,
  47. .language-css .token.string,
  48. .style .token.string {
  49. color: var(--prismOperator);
  50. }
  51. .token.atrule,
  52. .token.attr-value,
  53. .token.keyword {
  54. color: var(--prismKeyword);
  55. }
  56. .token.function {
  57. color: var(--prismFunction);
  58. }
  59. .token.regex,
  60. .token.important,
  61. .token.variable {
  62. color: var(--prismVariable);
  63. }
  64. .token.important,
  65. .token.bold {
  66. font-weight: var(--boldFontWeight);
  67. }
  68. .token.italic {
  69. font-style: italic;
  70. }