/**
 * 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
 */
[data-theme=dark] {
  --code-c-text: #76d9e6;
  --code-c-bg: #2a2a2a;
  --code-c-highlight-bg: #373232;
  --code-c-line-number: rgba(118, 217, 230, 0.67);
}
[data-theme=dark] div[class*=language-] pre {
  box-shadow: 1px 1px 0.3em -0.1em #000 inset;
  tab-size: 2;
}
[data-theme=dark] div[class*=language-] pre ::selection {
  background: #435643;
}
[data-theme=dark] .token.namespace {
  opacity: 0.7;
}
[data-theme=dark] .token.comment,
[data-theme=dark] .token.prolog,
[data-theme=dark] .token.doctype,
[data-theme=dark] .token.cdata {
  color: #6f705e;
}
[data-theme=dark] .token.operator,
[data-theme=dark] .token.boolean,
[data-theme=dark] .token.number {
  color: #a77afe;
}
[data-theme=dark] .token.attr-name,
[data-theme=dark] .token.string {
  color: #e6d06c;
}
[data-theme=dark] .token.entity,
[data-theme=dark] .token.url,
[data-theme=dark] .language-css .token.string,
[data-theme=dark] .style .token.string {
  color: #e6d06c;
}
[data-theme=dark] .token.selector,
[data-theme=dark] .token.inserted {
  color: #a6e22d;
}
[data-theme=dark] .token.atrule,
[data-theme=dark] .token.attr-value,
[data-theme=dark] .token.keyword,
[data-theme=dark] .token.important,
[data-theme=dark] .token.deleted {
  color: #ef3b7d;
}
[data-theme=dark] .token.regex,
[data-theme=dark] .token.statement {
  color: #76d9e6;
}
[data-theme=dark] .token.placeholder,
[data-theme=dark] .token.variable {
  color: #fff;
}
[data-theme=dark] .token.important,
[data-theme=dark] .token.statement,
[data-theme=dark] .token.bold {
  font-weight: bold;
}
[data-theme=dark] .token.punctuation {
  color: #bebec5;
}
[data-theme=dark] .token.entity {
  cursor: help;
}
[data-theme=dark] .token.italic {
  font-style: italic;
}
[data-theme=dark] .language-markup {
  color: #f9f9f9;
}
[data-theme=dark] .language-markup .token.tag {
  color: #ef3b7d;
}
[data-theme=dark] .language-markup .token.attr-name {
  color: #a6e22d;
}
[data-theme=dark] .language-markup .token.attr-value {
  color: #e6d06c;
}
[data-theme=dark] .language-markup .token.style,
[data-theme=dark] .language-markup .token.script {
  color: #76d9e6;
}
[data-theme=dark] .language-markup .token.script .token.keyword {
  color: #76d9e6;
}