ayu-highlight.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
  1. /*
  2. Based off of the Ayu theme
  3. Original by Dempfi (https://github.com/dempfi/ayu)
  4. */
  5. .hljs {
  6. display: block;
  7. overflow-x: auto;
  8. background: #181818;
  9. color: #E2E2E2;
  10. padding: 0.5em;
  11. }
  12. .hljs-comment,
  13. .hljs-quote {
  14. color: #5c6773;
  15. font-style: italic;
  16. }
  17. .hljs-variable,
  18. .hljs-template-variable,
  19. .hljs-attribute,
  20. .hljs-attr,
  21. .hljs-regexp,
  22. .hljs-link,
  23. .hljs-selector-id,
  24. .hljs-selector-class {
  25. color: #ff7733;
  26. }
  27. .hljs-number,
  28. .hljs-meta,
  29. .hljs-builtin-name,
  30. .hljs-literal,
  31. .hljs-type,
  32. .hljs-params {
  33. color: #ffee99;
  34. }
  35. .hljs-string,
  36. .hljs-bullet {
  37. color: #b8cc52;
  38. }
  39. .hljs-title,
  40. .hljs-built_in,
  41. .hljs-section {
  42. color: #ffb454;
  43. }
  44. .hljs-keyword,
  45. .hljs-selector-tag,
  46. .hljs-symbol {
  47. color: #ff7733;
  48. }
  49. .hljs-name {
  50. color: #36a3d9;
  51. }
  52. .hljs-tag {
  53. color: #00568d;
  54. }
  55. .hljs-emphasis {
  56. font-style: italic;
  57. }
  58. .hljs-strong {
  59. font-weight: bold;
  60. }
  61. .hljs-addition {
  62. color: #91b362;
  63. }
  64. .hljs-deletion {
  65. color: #d96c75;
  66. }
  67. /*
  68. -------------
  69. DarkFi Theme
  70. -------------
  71. */
  72. #theme-list{
  73. background-color:#000;
  74. border-radius:0;
  75. }
  76. h1,h2{
  77. font-family:'InterDisplay', sans-serif;
  78. font-weight:900;
  79. letter-spacing:0.035em;
  80. }
  81. h3,h4,h5,h6{
  82. font-family:'Inter', sans-serif;
  83. font-weight:900;
  84. }
  85. h1{
  86. border-left: 10px solid #0ff;
  87. padding-left:15px;
  88. padding-top:0;
  89. padding-bottom:0;
  90. }
  91. h2{
  92. border-left: 7px solid #747474;
  93. padding-left:10px;
  94. }
  95. h3{
  96. border-left: 4px solid #747474;
  97. padding-left:10px;
  98. }
  99. .menu-title{
  100. border:0;
  101. background-image:url("logo.png");
  102. background-size:contain;
  103. background-repeat:no-repeat;
  104. background-position: center;
  105. font-size:0;
  106. }
  107. #sidebar{
  108. border-right: 1px solid #596067;
  109. }
  110. .sidebar-scrollbox{
  111. margin-left:15px;
  112. }
  113. #menu-bar{
  114. border-bottom: 1px solid #596067;
  115. margin-bottom:5px;
  116. }
  117. #content{
  118. margin-top:30px;
  119. }
  120. .hljs{
  121. border:1px solid #104242;
  122. border-radius:0;
  123. padding:17px;
  124. }
  125. p .hljs{
  126. border:0;
  127. background:#232323;
  128. }
  129. blockquote{
  130. border-left: 1px solid #5B8E8E;
  131. }
  132. .chapter{
  133. font-family:'Inter', sans-serif;
  134. font-weight:700;
  135. font-size:1.1em;
  136. }
  137. .chapter-item{
  138. margin-top:0px;
  139. }
  140. table{
  141. width:100%;
  142. border:1px solid #1C1C1C;
  143. }
  144. thead{
  145. text-align:left;
  146. height:40px;
  147. border-bottom:1px solid #4B4B4B;
  148. }
  149. tr{
  150. height:40px;
  151. border-bottom:1px solid #4B4B4B;
  152. }
  153. .content ul{
  154. list-style-type: square;
  155. }
  156. .content a:hover{
  157. text-decoration: none; color:#C23D4C;
  158. }
  159. .content p a code:hover{
  160. text-decoration:none;
  161. color:#E76A78;
  162. }
  163. /* Code */
  164. .hljs-keyword{
  165. color:#29BFBF;
  166. }
  167. .hljs-literal{
  168. color:#B1ABDB;
  169. }
  170. .hljs-number{
  171. color:#C8838B;
  172. }
  173. .hljs-built_in{
  174. color:#FCB8F2;
  175. }
  176. .hljs-string{
  177. color:#9DE5EF;
  178. }
  179. .hljs-meta{
  180. color:#65C8FF;
  181. }
  182. .hljs-title{
  183. color:#BEFF03;
  184. }
  185. /* Notes */
  186. .footnote-definition{
  187. font-family:'IBMPlexMono', monospace;
  188. color:#5C6773;
  189. }