_code_theme.scss 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. $inline-code-color: #363e53 !default;
  2. $inline-code-background-color: #e5e9ed !default;
  3. code { color: $inline-code-color; background-color: $inline-code-background-color; }
  4. /* --- Tomorrow Night Blue --- */
  5. // https://github.com/mozmorris/tomorrow-pygments/blob/c6ca1a308e7e93cb18a54f93bf964f56e4d07acf/css/tomorrow_night_blue.css
  6. // Complemented using: http://www.color-hex.com/color/002451
  7. $primary: #ffffff;
  8. $secondary: #bbdaff;
  9. $background: #002451;
  10. $selected: #003f8e;
  11. $lineno-background: #193962;
  12. $operator: #99ffff;
  13. $keyword: #ebbbff;
  14. $namespace: #ffeead;
  15. $comment: #7285b7;
  16. $scoped: #ff9da4;
  17. $numeric: #ffc58f;
  18. $string: #d1f1a9;
  19. pre {
  20. > code { background-color: $background }
  21. }
  22. html { -webkit-font-smoothing: antialiased; } // only if background darker than font
  23. .highlight {
  24. background: $background;
  25. color: $primary;
  26. > code { color: $secondary }
  27. }
  28. .highlight .hll { background-color: $selected }
  29. .highlight .lineno { background-color: $lineno-background; color: $secondary }
  30. /* --- Generics --- */
  31. .highlight .ge { font-style: italic } /* emph */
  32. .highlight .gs { font-weight: bold } /* strong */
  33. /* --- Operators --- */
  34. .highlight .o { color: $operator } /* Operator */
  35. .highlight .ow { color: $operator } /* Word */
  36. /* --- Comments --- */
  37. .highlight .c { color: $comment; font-style: italic } /* Comment */
  38. .highlight .cm { color: $comment; font-style: italic } /* Multi-line */
  39. .highlight .cp { color: $comment; font-style: italic } /* Preproc */
  40. .highlight .c1 { color: $comment; font-style: italic } /* Single */
  41. .highlight .cs { color: $comment; font-style: italic } /* Special */
  42. /* --- Names --- */
  43. .highlight .n { color: $primary } /* Name */
  44. .highlight .py { color: $primary } /* Property */
  45. .highlight .nl { color: $primary } /* Label */
  46. .highlight .ni { color: $primary } /* Entity */
  47. .highlight .nb { color: $primary } /* Builtin */ // shell commands
  48. .highlight .bp { color: $primary } /* Builtin.Pseudo */
  49. .highlight .nf { color: $secondary } /* Function */
  50. .highlight .na { color: $secondary } /* Attribute */
  51. .highlight .nx { color: $secondary } /* Other */
  52. .highlight .nc { color: $namespace } /* Class */
  53. .highlight .nn { color: $namespace } /* Namespace */
  54. .highlight .no { color: $scoped } /* Constant */
  55. .highlight .ne { color: $scoped } /* Exception */
  56. .highlight .nd { color: $operator } /* Decorator */
  57. .highlight .nt { color: $operator } /* Tag */
  58. /* --- Keywords --- */
  59. .highlight .kn { color: $operator } /* Namespace */
  60. .highlight .k { color: $keyword } /* Keyword */
  61. .highlight .kc { color: $keyword } /* Constant */
  62. .highlight .kd { color: $keyword } /* Declaration */
  63. .highlight .kp { color: $keyword } /* Pseudo */
  64. .highlight .kr { color: $keyword } /* Reserved */
  65. .highlight .kt { color: $namespace } /* Type */
  66. /* --- Variables --- */
  67. .highlight .nv { color: $scoped } /* Variable */
  68. .highlight .vc { color: $scoped } /* Class */
  69. .highlight .vg { color: $scoped } /* Global */
  70. .highlight .vi { color: $scoped } /* Instance */
  71. /* --- Numerals --- */
  72. .highlight .m { color: $numeric } /* Number */
  73. .highlight .il { color: $numeric } /* Long */
  74. .highlight .mf { color: $numeric } /* Float */
  75. .highlight .mh { color: $numeric } /* Hex */
  76. .highlight .mi { color: $numeric } /* Integer */
  77. .highlight .mo { color: $numeric } /* Oct */
  78. /* --- Strings --- */
  79. .highlight .s { color: $string } /* String */
  80. .highlight .sr { color: $string } /* Regex */
  81. .highlight .sb { color: $string } /* Backtick */
  82. .highlight .s2 { color: $string } /* Double */
  83. .highlight .sh { color: $string } /* Heredoc */
  84. .highlight .sx { color: $string } /* Other */
  85. .highlight .s1 { color: $string } /* Single */
  86. .highlight .ss { color: $string } /* Symbol */
  87. .highlight .se { color: $numeric } /* Escape */
  88. .highlight .si { color: $numeric } /* Interpol */
  89. .highlight .sc { color: $primary } /* Char */
  90. .highlight .sd { color: $comment } /* Doc */
  91. /* --- Other Literals --- */
  92. .highlight .l { color: $numeric } /* Literal */
  93. .highlight .ld { color: $string } /* Date */
  94. /* --- Typographic Elements --- */
  95. .highlight .p { color: $primary } /* Punctuation */
  96. .highlight .w { color: $primary } /* Whitespace */ // shouldn't this have a background-color instead ?
  97. /* --- Others --- */
  98. .highlight .err { color: $scoped } /* Error */
  99. .highlight .gp { color: $namespace } /* shell prompt */
  100. /* --- Style --- */
  101. .highlight .gi { color: $string } /* inserted */
  102. .highlight .gd { color: $scoped } /* deleted */
  103. .highlight .gh { color: $primary; font-weight: bold } /* heading */
  104. .highlight .gu { color: $operator; font-weight: bold } /* subheading */