/** * One Light theme for prism.js * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax * Copied from https://github.com/PrismJS/prism-themes/blob/master/themes/prism-one-dark.css */ [data-theme=dark] { --code-c-text: #abb2bf; --code-c-bg: #282c34; --code-c-highlight-bg: #2f3542; --code-c-line-number: rgba(171, 178, 191, 0.67); /* HTML overrides */ /* CSS overrides */ /* JS overrides */ /* JSON overrides */ /* MD overrides */ /* General */ } [data-theme=dark] div[class*=language-] pre { text-shadow: 0 1px rgba(0, 0, 0, 0.3); tab-size: 2; /* Print */ } @media print { [data-theme=dark] div[class*=language-] pre { text-shadow: none; } } [data-theme=dark] div[class*=language-] pre ::selection { background: #3e4451; color: inherit; text-shadow: none; } [data-theme=dark] .token.comment, [data-theme=dark] .token.prolog, [data-theme=dark] .token.cdata { color: #5c6370; } [data-theme=dark] .token.doctype, [data-theme=dark] .token.punctuation, [data-theme=dark] .token.entity { color: #abb2bf; } [data-theme=dark] .token.attr-name, [data-theme=dark] .token.class-name, [data-theme=dark] .token.boolean, [data-theme=dark] .token.constant, [data-theme=dark] .token.number, [data-theme=dark] .token.atrule { color: #d19a66; } [data-theme=dark] .token.keyword { color: #c678dd; } [data-theme=dark] .token.property, [data-theme=dark] .token.tag, [data-theme=dark] .token.symbol, [data-theme=dark] .token.deleted, [data-theme=dark] .token.important { color: #e06c75; } [data-theme=dark] .token.selector, [data-theme=dark] .token.string, [data-theme=dark] .token.char, [data-theme=dark] .token.builtin, [data-theme=dark] .token.inserted, [data-theme=dark] .token.regex, [data-theme=dark] .token.attr-value, [data-theme=dark] .token.attr-value > .token.punctuation { color: #98c379; } [data-theme=dark] .token.variable, [data-theme=dark] .token.operator, [data-theme=dark] .token.function { color: #61afef; } [data-theme=dark] .token.url { color: #56b6c2; } [data-theme=dark] .token.attr-value > .token.punctuation.attr-equals, [data-theme=dark] .token.special-attr > .token.attr-value > .token.value.css { color: #abb2bf; } [data-theme=dark] .language-css .token.selector { color: #e06c75; } [data-theme=dark] .language-css .token.property { color: #abb2bf; } [data-theme=dark] .language-css .token.function, [data-theme=dark] .language-css .token.url > .token.function { color: #56b6c2; } [data-theme=dark] .language-css .token.url > .token.string.url { color: #98c379; } [data-theme=dark] .language-css .token.important, [data-theme=dark] .language-css .token.atrule .token.rule { color: #c678dd; } [data-theme=dark] .language-javascript .token.operator { color: #c678dd; } [data-theme=dark] .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation { color: #be5046; } [data-theme=dark] .language-json .token.operator { color: #abb2bf; } [data-theme=dark] .language-json .token.null.keyword { color: #d19a66; } [data-theme=dark] .language-markdown .token.url, [data-theme=dark] .language-markdown .token.url > .token.operator, [data-theme=dark] .language-markdown .token.url-reference.url > .token.string { color: #abb2bf; } [data-theme=dark] .language-markdown .token.url > .token.content { color: #61afef; } [data-theme=dark] .language-markdown .token.url > .token.url, [data-theme=dark] .language-markdown .token.url-reference.url { color: #56b6c2; } [data-theme=dark] .language-markdown .token.blockquote.punctuation, [data-theme=dark] .language-markdown .token.hr.punctuation { color: #5c6370; font-style: italic; } [data-theme=dark] .language-markdown .token.code-snippet { color: #98c379; } [data-theme=dark] .language-markdown .token.bold .token.content { color: #d19a66; } [data-theme=dark] .language-markdown .token.italic .token.content { color: #c678dd; } [data-theme=dark] .language-markdown .token.strike .token.content, [data-theme=dark] .language-markdown .token.strike .token.punctuation, [data-theme=dark] .language-markdown .token.list.punctuation, [data-theme=dark] .language-markdown .token.title.important > .token.punctuation { color: #e06c75; } [data-theme=dark] .token.bold { font-weight: bold; } [data-theme=dark] .token.comment, [data-theme=dark] .token.italic { font-style: italic; } [data-theme=dark] .token.entity { cursor: help; } [data-theme=dark] .token.namespace { opacity: 0.8; }