@charset "UTF-8"; /** * prism.js Dark theme for JavaScript, CSS and HTML * Based on the slides of the talk “/Reg(exp){2}lained/” * @author Lea Verou * Copied from https://github.com/PrismJS/prism/blob/master/themes/prism-dark.css */ [data-theme=light] { --code-c-text: #fff; --code-c-bg: #4d4033; --code-c-highlight-bg: #5b4a38; --code-c-line-number: rgba(255, 255, 255, 0.67); } [data-theme=light] div[class*=language-] pre { text-shadow: 0 -0.1em 0.2em #000; } @media print { [data-theme=light] div[class*=language-] pre { text-shadow: none; } } [data-theme=light] div[class*=language-] pre ::selection { background: rgba(29, 59, 83, 0.99); text-shadow: none; } [data-theme=light] .token.comment, [data-theme=light] .token.prolog, [data-theme=light] .token.doctype, [data-theme=light] .token.cdata { color: hsl(30, 20%, 50%); } [data-theme=light] .token.punctuation { opacity: 0.7; } [data-theme=light] .token.namespace { opacity: 0.7; } [data-theme=light] .token.property, [data-theme=light] .token.tag, [data-theme=light] .token.boolean, [data-theme=light] .token.number, [data-theme=light] .token.constant, [data-theme=light] .token.symbol { color: hsl(350, 40%, 70%); } [data-theme=light] .token.selector, [data-theme=light] .token.attr-name, [data-theme=light] .token.string, [data-theme=light] .token.char, [data-theme=light] .token.builtin, [data-theme=light] .token.inserted { color: hsl(75, 70%, 60%); } [data-theme=light] .token.operator, [data-theme=light] .token.entity, [data-theme=light] .token.url, [data-theme=light] .language-css .token.string, [data-theme=light] .style .token.string, [data-theme=light] .token.variable { color: hsl(40, 90%, 60%); } [data-theme=light] .token.atrule, [data-theme=light] .token.attr-value, [data-theme=light] .token.keyword { color: hsl(350, 40%, 70%); } [data-theme=light] .token.regex, [data-theme=light] .token.important { color: #e90; } [data-theme=light] .token.important, [data-theme=light] .token.bold { font-weight: bold; } [data-theme=light] .token.italic { font-style: italic; } [data-theme=light] .token.entity { cursor: help; } [data-theme=light] .token.deleted { color: #f00; }