code[class*="language-"], pre[class*="language-"] { color: var(--editor-primary); background: none; font-family: var(--mono-type); text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; tab-size: 4; hyphens: none; } pre[class*="language-"] { margin: 0.1em 0; overflow: auto; border-radius: 0.3em; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: var(--primary); } :not(pre) { & > code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; white-space: normal; } } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #8292a2; } .token.punctuation { color: var(--editor-secondary); } .token.namespace { opacity: 0.6; } .token.keyword { color: #66d9ef; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .token.content { color: var(--editor-tertiary); } .token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: var(--editor-tag); } .token.boolean, .token.number { color: #ae81ff; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #a6e22e; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: var(--editor-string); } .token.atrule, .token.attr-value, .token.function, .token.class-name { color: #e6db74; } .token.regex, .token.important { color: var(--editor-secondary); } .token.important, .token.bold { font-weight: normal; } .hljs-comment { color: #697070; } .hljs-tag, .hljs-punctuation { color: #444a; } .hljs-tag .hljs-name, .hljs-tag .hljs-attr { color: #444; } .hljs-keyword, .hljs-attribute, .hljs-selector-tag, .hljs-meta .hljs-keyword, .hljs-doctag, .hljs-name { font-weight: bold; } /* User color: hue: 0 */ .hljs-type, .hljs-string, .hljs-number, .hljs-selector-id, .hljs-selector-class, .hljs-quote, .hljs-template-tag, .hljs-deletion { color: #d49e4f; } .hljs-title, .hljs-section { color: #dc37e0; font-weight: bold; } .hljs-regexp, .hljs-symbol, .hljs-variable, .hljs-template-variable, .hljs-link, .hljs-selector-attr, .hljs-operator, .hljs-selector-pseudo { color: #ab5656; } /* Language color: hue: 90; */ .hljs-literal { color: #695; } .hljs-built_in, .hljs-bullet, .hljs-code, .hljs-addition { color: #5bc1c5; } /* Meta color: hue: 200 */ .hljs-meta { color: #1f7199; } .hljs-meta .hljs-string { color: #38a; } /* Misc effects */ .hljs-emphasis { font-style: italic; color: #c3bc50; } .hljs-strong { font-weight: bold; color: #ecf; }