/** * Tokyo Night Storm Dark - PrismJS theme * Based on VS Code Tokyo Night Storm theme * Converted from Chroma syntax highlighting * * Author: Mike Mackintosh * GitHub: https://github.com/mikemackintosh/prism-tokyo-nights * License: MIT */ /* Base styling */ code[class*="language-"], pre[class*="language-"] { color: #c0caf5; background: none; font-family: 'JetBrains Mono', 'Fira Code', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; } pre[class*="language-"] { padding: 1em; margin: 0.5em 0; overflow: auto; background: #1a1b26; border-radius: 0.5em; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #1a1b26; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: 0.1em 0.3em; border-radius: 0.3em; white-space: normal; } /* Selection */ pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { text-shadow: none; background: #283457; } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow: none; background: #283457; } /* Tokens */ .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #565f89; font-style: italic; } .token.punctuation { color: #f76d82; } .token.namespace { opacity: 0.7; } .token.property, .token.tag, .token.boolean, .token.constant, .token.symbol, .token.deleted { color: #ff9e64; } .token.number { color: #ff9e64; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #9ece6a; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #89ddff; } .token.atrule, .token.attr-value, .token.keyword { color: #9d7cd8; font-style: italic; } .token.function, .token.class-name { color: #7aa2f7; } .token.regex, .token.important, .token.variable { color: #5dcee6; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } /* Language-specific */ .language-css > code, .language-sass > code, .language-scss > code { color: #7aa2f7; } [class*="language-"] .namespace { opacity: 0.7; } /* Additional token types for better coverage */ .token.parameter { color: #5dcee6; } .token.annotation, .token.decorator { color: #7dcfff; } .token.macro { color: #bb9af7; } .token.escape { color: #f7768e; } .token.interpolation { color: #bb9af7; } .token.type-annotation { color: #2ac3de; } /* Diff highlighting */ .token.diff.deleted { color: #f7768e; background-color: #2d202a; } .token.diff.inserted { color: #9ece6a; background-color: #20252d; } /* Line numbers */ pre[class*="language-"].line-numbers { position: relative; padding-left: 3.8em; counter-reset: linenumber; } pre[class*="language-"].line-numbers > code { position: relative; white-space: inherit; } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; letter-spacing: -1px; border-right: 1px solid #283457; user-select: none; } .line-numbers-rows > span { display: block; counter-increment: linenumber; } .line-numbers-rows > span:before { content: counter(linenumber); color: #565f89; display: block; padding-right: 0.8em; text-align: right; }