code[class*="language-"], pre[class*="language-"] { color: #abb2bf; background: none; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: var(--size--1); text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Code blocks */ pre[class*="language-"] { padding: var(--space-2xs-xs) var(--space-xs-s); margin: var(--space-2xs-xs) 0; overflow: auto; border-radius: 10px; } /* Inline code */ :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #282c34; } :not(pre) > code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; white-space: normal; } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { background: rgba(148, 170, 209, 0.2); } /* General styling */ .token.comment, .token.prolog, .token.doctype, .token.cdata, .token.punctuation { color: #abb2bf; } .token.namespace { opacity: 0.7; } .token.keyword, .token.regex, .token.important { color: #c678dd; } .token.property, .token.attr-name, .token.constant, .token.symbol, .token.deleted { color: #e06c75; } .token.unit { color: #2f02d1; } .token.boolean, .token.number, .token.selector, .token.tag, .token.char, .token.builtin, .token.inserted, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #ce004b; } .token.operator, .token.pseudo-element, .token.pseudo-class, .token.attr-value, .token.function, .token.class-name { color: #abb2bf; } .token.atrule { color: #c678dd; } .token.string { color: #10113a; } /* Specific styling */ .language-html .token.doctype-tag { color: #e06c75; } .language-html .token.name { color: #d19a66; } .language-html .token.punctuation { color: #abb2bf; } .language-html .token.tag .token.tag { color: #e06c75; } .language-html .token.tag .token.attr-name { color: #d19a66; } .language-html .token.tag .token.attr-value { color: #98c379; } .language-html .token.tag .token.attr-value .token.punctuation { color: #98c379; } .language-html .token.tag .token.attr-value .token.punctuation.attr-equals { color: #abb2bf; } .language-html .token.comment { color: #7f848e; font-style: italic; } code[class*="language-css"], pre[class*="language-css"] { color: #d19a66; } .language-css .token.operator, .language-css .token.punctuation, .language-css .token.property, .language-css .token.operator, .language-css .token.combinator { color: #abb2bf; } .language-css .token.attr-name, .language-css .token.color, .language-css .token.number, .language-css .token.class { color: #d19a66; } .language-css .token.attr-value, .language-css .token.string { color: #98c379; } .language-css .token.selector, .language-css .token.unit { color: #e06c75; } .language-css .token.property.prefix, .language-css .token.pseudo-element, .language-css .token.pseudo-class { color: #56b6c2; } .language-css .token.atrule { color: #abb2bf; } .language-css .token.atrule .token.rule { color: #c678dd; } .language-css .token.comment { color: #7f848e; font-style: italic; } .language-css .token.keyword { color: #56b6c2; } code[class*="language-javascript"], pre[class*="language-javascript"] { color: #e06c75; } .language-javascript { color: #e06c75; } .language-javascript .token.punctuation { color: #abb2bf; } .language-javascript .token.comment { color: #7f848e; font-style: italic; } .language-javascript .token.keyword.this, .language-javascript .token.dom.variable, .language-javascript .token.class-name { color: #e5c07b; } .language-javascript .token.null, .language-javascript .token.boolean, .language-javascript .token.number { color: #d19a66; } .language-javascript .token.property-access, .language-javascript .token.imports, .language-javascript .token.parameter { color: #e06c75; } .language-javascript .token.parameter { font-style: italic; } .language-javascript .token.keyword { color: #c678dd; } .language-javascript .token.function, .language-javascript .token.property-access.function.method { color: #61afef; } .language-javascript .token.regex-source, .language-javascript .token.operator { color: #56b6c2; } .language-javascript .token.regex-delimiter, .language-javascript .token.string { color: #98c379; } .language-json .token.punctuation, .language-json .token.operator { color: #abb2bf; } .language-json .token.string { color: #98c379; } .language-json .token.boolean, .language-json .token.number, .language-json .token.null.keyword { color: #d19a66; } .language-json .token.property { color: #e06c75; } .language-bash .token.string, .language-shell .token.string { color: #98c379; } .language-bash .token.shebang.important, .language-bash .token.comment, .language-shell .token.shebang.important, .language-shell .token.comment { color: #7f848e; font-style: italic; } .language-bash .token.builtin.class-name, .language-bash .token.entity, .language-shell .token.builtin.class-name, .language-shell .token.entity { color: #56b6c2; } .language-bash .token.keyword, .language-shell .token.keyword { color: #c678dd; } .language-bash .token.variable, .language-shell .token.variable { color: #e06c75; }