tokyo-night-dark.css
1 pre code.hljs { 2 display: block; 3 overflow-x: auto; 4 padding: 1em 5 } 6 code.hljs { 7 padding: 3px 5px 8 } 9 /*! 10 Theme: Tokyo-night-Dark 11 origin: https://github.com/enkia/tokyo-night-vscode-theme 12 Description: Original highlight.js style 13 Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com> 14 License: see project LICENSE 15 Touched: 2022 16 */ 17 /* Comment */ 18 .hljs-meta, 19 .hljs-comment { 20 color: #565f89 21 } 22 /* Red */ 23 /*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */ 24 .hljs-tag, 25 .hljs-doctag, 26 .hljs-selector-id, 27 .hljs-selector-class, 28 .hljs-regexp, 29 .hljs-template-tag, 30 .hljs-selector-pseudo, 31 .hljs-selector-attr, 32 .hljs-variable.language_, 33 .hljs-deletion { 34 color: #f7768e 35 } 36 /*Orange */ 37 /*INFO: Number and Boolean constants, Language support constants */ 38 .hljs-variable, 39 .hljs-template-variable, 40 .hljs-number, 41 .hljs-literal, 42 .hljs-type, 43 .hljs-params, 44 .hljs-link { 45 color: #ff9e64 46 } 47 /* Yellow */ 48 /* INFO: Function parameters, Regex character sets, Terminal Yellow */ 49 .hljs-built_in, 50 .hljs-attribute { 51 color: #e0af68 52 } 53 /* cyan */ 54 /* INFO: Language support functions, CSS HTML elements */ 55 .hljs-selector-tag { 56 color: #2ac3de 57 } 58 /* light blue */ 59 /* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */ 60 .hljs-keyword, 61 .hljs-title.function_, 62 .hljs-title, 63 .hljs-title.class_, 64 .hljs-title.class_.inherited__, 65 .hljs-subst, 66 .hljs-property { 67 color: #7dcfff 68 } 69 /*Green*/ 70 /* INFO: Object literal keys, Markdown links, Terminal Green */ 71 .hljs-selector-tag { 72 color: #73daca 73 } 74 /*Green(er) */ 75 /* INFO: Strings, CSS class names */ 76 .hljs-quote, 77 .hljs-string, 78 .hljs-symbol, 79 .hljs-bullet, 80 .hljs-addition { 81 color: #9ece6a 82 } 83 /* Blue */ 84 /* INFO: Function names, CSS property names, Terminal Blue */ 85 .hljs-code, 86 .hljs-formula, 87 .hljs-section { 88 color: #7aa2f7 89 } 90 /* Magenta */ 91 /*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */ 92 .hljs-name, 93 .hljs-keyword, 94 .hljs-operator, 95 .hljs-keyword, 96 .hljs-char.escape_, 97 .hljs-attr { 98 color: #bb9af7 99 } 100 /* white*/ 101 /* INFO: Variables, Class names, Terminal White */ 102 .hljs-punctuation { 103 color: #c0caf5 104 } 105 .hljs { 106 background: #1a1b26; 107 color: #9aa5ce 108 } 109 .hljs-emphasis { 110 font-style: italic 111 } 112 .hljs-strong { 113 font-weight: bold 114 }