test/node_modules/@vuepress/plugin-prismjs/lib/client/styles/cb.dark.css
2024-08-13 09:27:52 +08:00

70 lines
1.9 KiB
CSS

/*
* Based on Plugin: Syntax Highlighter CB
* Plugin URI: http://wp.tutsplus.com/tutorials/plugins/adding-a-syntax-highlighter-shortcode-using-prism-js
* Description: Highlight your code snippets with an easy to use shortcode based on Lea Verou's Prism.js.
* Version: 1.0.0
* Author: c.bavota
* Author URI: http://bavotasan.comhttp://wp.tutsplus.com/tutorials/plugins/adding-a-syntax-highlighter-shortcode-using-prism-js/
* Copied from https://github.com/PrismJS/prism-themes/blob/master/themes/prism-night-owl.css
*/
/* http://cbavota.bitbucket.org/syntax-highlighter/ */
[data-theme=dark] {
--code-c-text: #fff;
--code-c-bg: #222;
--code-c-highlight-bg: #2f2b2b;
--code-c-line-number: rgba(255, 255, 255, 0.67);
}
[data-theme=dark] div[class*=language-] pre ::selection {
background: rgba(29, 59, 83, 0.99);
}
[data-theme=dark] .token.comment,
[data-theme=dark] .token.prolog,
[data-theme=dark] .token.doctype,
[data-theme=dark] .token.cdata {
color: #797979;
}
[data-theme=dark] .token.selector,
[data-theme=dark] .token.operator,
[data-theme=dark] .token.punctuation {
color: #fff;
}
[data-theme=dark] .token.namespace {
opacity: 0.7;
}
[data-theme=dark] .token.tag,
[data-theme=dark] .token.boolean {
color: #ffd893;
}
[data-theme=dark] .token.atrule,
[data-theme=dark] .token.attr-value,
[data-theme=dark] .token.hex,
[data-theme=dark] .token.string {
color: #b0c975;
}
[data-theme=dark] .token.property,
[data-theme=dark] .token.entity,
[data-theme=dark] .token.url,
[data-theme=dark] .token.attr-name,
[data-theme=dark] .token.keyword {
color: #c27628;
}
[data-theme=dark] .token.regex {
color: #9b71c6;
}
[data-theme=dark] .token.entity {
cursor: help;
}
[data-theme=dark] .token.function,
[data-theme=dark] .token.constant {
color: #e5a638;
}
[data-theme=dark] .token.variable {
color: #fdfba8;
}
[data-theme=dark] .token.number {
color: #8799b0;
}
[data-theme=dark] .token.important,
[data-theme=dark] .token.deliminator {
color: #e45734;
}