/** * a11y-dark theme for JavaScript, CSS, and HTML * Based on the okaidia theme: https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css * @author ericwbailey */ /* Theme */ code[class*="language-"], pre[class*="language-"] { color: #f8f8f2; background: none; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Code blocks */ pre[class*="language-"] { padding: 1em; margin: 0.5em 0; overflow: auto; border-radius: 0.3em; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #2b2b2b; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #d4d0ab; } .token.punctuation { color: #fefefe; } .token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: #ffa07a; } .token.boolean, .token.number { color: #00e0e0; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #abe338; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #00e0e0; } .token.atrule, .token.attr-value, .token.function { color: #ffd700; } .token.keyword { color: #00e0e0; } .token.regex, .token.important { color: #ffd700; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } /* Plugin support */ /* Line highlight */ .line-highlight { background: rgba(255, 217, 0, 0.10); border-top: 1px solid rgba(255, 217, 0, 0.55); border-bottom: 1px solid rgba(255, 217, 0, 0.55); } /* Line numbers */ .line-numbers .line-numbers-rows { border-right: 1px solid #F8F8F2; } .line-numbers-rows > span:before { color: #D4D0AB; } /* High contrast mode support */ @media screen and (-ms-high-contrast: active) { code[class*="language-"], pre[class*="language-"] { color: windowText; background: window; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: window; } .token.important { background: highlight; color: window; font-weight: normal; } .token.atrule, .token.attr-value, .token.function, .token.keyword, .token.operator, .token.selector { font-weight: bold; } .token.attr-value, .token.comment, .token.doctype, .token.function, .token.keyword, .token.operator, .token.property, .token.string { color: highlight; } .token.attr-value, .token.url { font-weight: normal; } }