115 lines
1.8 KiB
CSS
115 lines
1.8 KiB
CSS
/**
|
|
* xonokai theme for JavaScript, CSS and HTML
|
|
* based on: https://github.com/MoOx/sass-prism-theme-base by Maxime Thirouin ~ MoOx --> http://moox.fr/ , which is Loosely based on Monokai textmate theme by http://www.monokai.nl/
|
|
* license: MIT; http://moox.mit-license.org/
|
|
* Copied from https://github.com/PrismJS/prism-themes/blob/master/themes/prism-duotone-forest.css
|
|
*/
|
|
:root {
|
|
--code-c-text: #76d9e6;
|
|
--code-c-bg: #2a2a2a;
|
|
--code-c-highlight-bg: #373232;
|
|
--code-c-line-number: rgba(118, 217, 230, 0.67);
|
|
}
|
|
|
|
div[class*=language-] pre {
|
|
box-shadow: 1px 1px 0.3em -0.1em #000 inset;
|
|
tab-size: 2;
|
|
}
|
|
div[class*=language-] pre ::selection {
|
|
background: #435643;
|
|
}
|
|
|
|
.token.namespace {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.token.comment,
|
|
.token.prolog,
|
|
.token.doctype,
|
|
.token.cdata {
|
|
color: #6f705e;
|
|
}
|
|
|
|
.token.operator,
|
|
.token.boolean,
|
|
.token.number {
|
|
color: #a77afe;
|
|
}
|
|
|
|
.token.attr-name,
|
|
.token.string {
|
|
color: #e6d06c;
|
|
}
|
|
|
|
.token.entity,
|
|
.token.url,
|
|
.language-css .token.string,
|
|
.style .token.string {
|
|
color: #e6d06c;
|
|
}
|
|
|
|
.token.selector,
|
|
.token.inserted {
|
|
color: #a6e22d;
|
|
}
|
|
|
|
.token.atrule,
|
|
.token.attr-value,
|
|
.token.keyword,
|
|
.token.important,
|
|
.token.deleted {
|
|
color: #ef3b7d;
|
|
}
|
|
|
|
.token.regex,
|
|
.token.statement {
|
|
color: #76d9e6;
|
|
}
|
|
|
|
.token.placeholder,
|
|
.token.variable {
|
|
color: #fff;
|
|
}
|
|
|
|
.token.important,
|
|
.token.statement,
|
|
.token.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.token.punctuation {
|
|
color: #bebec5;
|
|
}
|
|
|
|
.token.entity {
|
|
cursor: help;
|
|
}
|
|
|
|
.token.italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
.language-markup {
|
|
color: #f9f9f9;
|
|
}
|
|
|
|
.language-markup .token.tag {
|
|
color: #ef3b7d;
|
|
}
|
|
|
|
.language-markup .token.attr-name {
|
|
color: #a6e22d;
|
|
}
|
|
|
|
.language-markup .token.attr-value {
|
|
color: #e6d06c;
|
|
}
|
|
|
|
.language-markup .token.style,
|
|
.language-markup .token.script {
|
|
color: #76d9e6;
|
|
}
|
|
|
|
.language-markup .token.script .token.keyword {
|
|
color: #76d9e6;
|
|
} |