diff --git a/README.md b/README.md index 9ca5c0b..5b1659c 100644 --- a/README.md +++ b/README.md @@ -83,6 +83,9 @@ Thank you so much for contributing!! * [__VS__](themes/prism-vs.css) (by [andrewlock](https://github.com/andrewlock))
[![VS](screenshots/prism-vs.png)](themes/prism-vs.css) +* [__VS Code Dark+__](themes/prism-vsc-dark-plus.css) (by [tabuckner](https://github.com/tabuckner))
+[![VS](screenshots/prism-vsc-dark-plus.png)](themes/prism-vss-dark-plus.css) + * [__Darcula__](themes/prism-darcula.css) (by [service-paradis](https://github.com/service-paradis), based on Jetbrains Darcula theme)
[![Darcula](screenshots/prism-darcula.png)](themes/prism-darcula.css) diff --git a/screenshots/prism-vsc-dark-plus.png b/screenshots/prism-vsc-dark-plus.png new file mode 100644 index 0000000..77d265d Binary files /dev/null and b/screenshots/prism-vsc-dark-plus.png differ diff --git a/themes/prism-vsc-dark-plus.css b/themes/prism-vsc-dark-plus.css new file mode 100644 index 0000000..af8eceb --- /dev/null +++ b/themes/prism-vsc-dark-plus.css @@ -0,0 +1,216 @@ +pre[class*="language-"], +code[class*="language-"] { + color: #d4d4d4; + font-size: 13px; + text-shadow: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: 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; +} + +pre[class*="language-"]::selection, +code[class*="language-"]::selection { + text-shadow: none; + background: #b3d4fc; +} + +@media print { + pre[class*="language-"], + code[class*="language-"] { + text-shadow: none; + } +} + +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; + background: #1e1e1e; +} + +:not(pre) > code[class*="language-"] { + padding: .1em .3em; + border-radius: .3em; + color: #db4c69; + background: #f9f2f4; +} +/********************************************************* +* Tokens +*/ +.namespace { + opacity: .7; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #6a9955; +} + +.token.punctuation { + color: #d4d4d4; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #b5cea8; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #ce9178; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #d4d4d4; + background: #1e1e1e; +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #c586c0; +} + +.token.function { + color: #dcdcaa; +} + +.token.regex, +.token.important, +.token.variable { + color: #d16969; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.constant { + color: #9CDCFE; +} + +.token.class-name { + color: #4EC9B0; +} + +.token.parameter { + color: #9CDCFE; +} + +.token.interpolation { + color: #9CDCFE; +} + +.token.punctuation.interpolation-punctuation { + color: #569cd6; +} + +.token.boolean { + color: #569cd6; +} + +.token.property { + color: #9cdcfe; +} + +.token.selector { + color: #d7ba7d; +} + +.token.tag { + color: #569cd6; +} + +.token.attr-name { + color: #9cdcfe; +} + +.token.attr-value { + color: #ce9178; +} + +.token.entity { + color: #4ec9b0; + cursor: unset; +} + +.token.namespace { + color: #4ec9b0; +} +/********************************************************* +* Language Specific +*/ +pre[class*="language-javascript"], +code[class*="language-javascript"] { + color: #4ec9b0; +} + +pre[class*="language-css"], +code[class*="language-css"] { + color: #CE9178; +} + +pre[class*="language-html"], +code[class*="language-html"] { + color: #d4d4d4; +} + +.language-html .token.punctuation { + color: #808080; +} +/********************************************************* +* Line highlighting +*/ +pre[data-line] { + position: relative; +} + +pre[class*="language-"] > code[class*="language-"] { + position: relative; + z-index: 1; +} + +.line-highlight { + position: absolute; + left: 0; + right: 0; + padding: inherit 0; + margin-top: 1em; + background: #f7ebc6; + box-shadow: inset 5px 0 0 #f7d87c; + z-index: 0; + pointer-events: none; + line-height: inherit; + white-space: pre; +}