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

83 lines
2.0 KiB
CSS

/**
* Dracula Theme originally by Zeno Rocha [@zenorocha]
* https://draculatheme.com/
*
* Ported for PrismJS by Albert Vallverdu [@byverdu]
* Copied from https://github.com/PrismJS/prism-themes/blob/master/themes/prism-dracula.css
*/
[data-theme=dark] {
--code-c-text: #f8f8f2;
--code-c-bg: #282a36;
--code-c-highlight-bg: #2e3244;
--code-c-line-number: rgba(248, 248, 242, 0.67);
}
[data-theme=dark] div[class*=language-] pre {
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
@media print {
[data-theme=dark] div[class*=language-] pre {
text-shadow: none;
}
}
[data-theme=dark] .token.comment,
[data-theme=dark] .token.prolog,
[data-theme=dark] .token.doctype,
[data-theme=dark] .token.cdata {
color: #6272a4;
}
[data-theme=dark] .token.punctuation {
color: #f8f8f2;
}
[data-theme=dark] .namespace {
opacity: 0.7;
}
[data-theme=dark] .token.property,
[data-theme=dark] .token.tag,
[data-theme=dark] .token.constant,
[data-theme=dark] .token.symbol,
[data-theme=dark] .token.deleted {
color: #ff79c6;
}
[data-theme=dark] .token.boolean,
[data-theme=dark] .token.number {
color: #bd93f9;
}
[data-theme=dark] .token.selector,
[data-theme=dark] .token.attr-name,
[data-theme=dark] .token.string,
[data-theme=dark] .token.char,
[data-theme=dark] .token.builtin,
[data-theme=dark] .token.inserted {
color: #50fa7b;
}
[data-theme=dark] .token.operator,
[data-theme=dark] .token.entity,
[data-theme=dark] .token.url,
[data-theme=dark] .language-css .token.string,
[data-theme=dark] .style .token.string,
[data-theme=dark] .token.variable {
color: #f8f8f2;
}
[data-theme=dark] .token.atrule,
[data-theme=dark] .token.attr-value,
[data-theme=dark] .token.function,
[data-theme=dark] .token.class-name {
color: #f1fa8c;
}
[data-theme=dark] .token.keyword {
color: #8be9fd;
}
[data-theme=dark] .token.regex,
[data-theme=dark] .token.important {
color: #ffb86c;
}
[data-theme=dark] .token.important,
[data-theme=dark] .token.bold {
font-weight: bold;
}
[data-theme=dark] .token.italic {
font-style: italic;
}
[data-theme=dark] .token.entity {
cursor: help;
}