/ src / theme / styles / tokyo-night-dark.css
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  }