From b34135453f44645ddfeb45ff303dd4a1945fad98 Mon Sep 17 00:00:00 2001 From: Taylor Buckner Date: Tue, 21 Jan 2020 12:03:47 -0600 Subject: [PATCH] Added css theme based on VS Codes Dark+. --- README.md | 3 + screenshots/prism-vsc-dark-plus.png | Bin 0 -> 8424 bytes themes/prism-vsc-dark-plus.css | 216 ++++++++++++++++++++++++++++ 3 files changed, 219 insertions(+) create mode 100644 screenshots/prism-vsc-dark-plus.png create mode 100644 themes/prism-vsc-dark-plus.css 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 0000000000000000000000000000000000000000..77d265d7e671de645fbff046e6fcbdc675e99f6a GIT binary patch literal 8424 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 literal 0 HcmV?d00001 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; +}