/**
 * One Light theme for prism.js
 * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax
 * Copied from https://github.com/PrismJS/prism-themes/blob/master/themes/prism-one-dark.css
 */

 @use "helper";

 #app {
   @include helper.color($codeColor: #abb2bf, $codeBgColor: #282c34);
 }
 
 code[class*="language-"],
 pre[class*="language-"] {
   text-shadow: 0 1px rgb(0 0 0 / 30%);
 
   // tab size
   -moz-tab-size: 2;
   -o-tab-size: 2;
   tab-size: 2;
 
   /* Print */
   @media print {
     text-shadow: none;
   }
 
   // Selection
   &::selection,
   ::selection {
     background: #3e4451;
     color: inherit;
     text-shadow: none;
   }
 }
 
 .token.comment,
 .token.prolog,
 .token.cdata {
   color: #5c6370;
 }
 
 .token.doctype,
 .token.punctuation,
 .token.entity {
   color: #abb2bf;
 }
 
 .token.attr-name,
 .token.class-name,
 .token.boolean,
 .token.constant,
 .token.number,
 .token.atrule {
   color: #d19a66;
 }
 
 .token.keyword {
   color: #c678dd;
 }
 
 .token.property,
 .token.tag,
 .token.symbol,
 .token.deleted,
 .token.important {
   color: #e06c75;
 }
 
 .token.selector,
 .token.string,
 .token.char,
 .token.builtin,
 .token.inserted,
 .token.regex,
 .token.attr-value,
 .token.attr-value > .token.punctuation {
   color: #98c379;
 }
 
 .token.variable,
 .token.operator,
 .token.function {
   color: #61afef;
 }
 
 .token.url {
   color: #56b6c2;
 }
 
 /* HTML overrides */
 .token.attr-value > .token.punctuation.attr-equals,
 .token.special-attr > .token.attr-value > .token.value.css {
   color: #abb2bf;
 }
 
 /* CSS overrides */
 .language-css .token.selector {
   color: #e06c75;
 }
 
 .language-css .token.property {
   color: #abb2bf;
 }
 
 .language-css .token.function,
 .language-css .token.url > .token.function {
   color: #56b6c2;
 }
 
 .language-css .token.url > .token.string.url {
   color: #98c379;
 }
 
 .language-css .token.important,
 .language-css .token.atrule .token.rule {
   color: #c678dd;
 }
 
 /* JS overrides */
 .language-javascript .token.operator {
   color: #c678dd;
 }
 
 // stylelint-disable selector-max-compound-selectors
 .language-javascript
   .token.template-string
   > .token.interpolation
   > .token.interpolation-punctuation.punctuation {
   color: #be5046;
 }
 
 // stylelint-enable selector-max-compound-selectors
 
 /* JSON overrides */
 .language-json .token.operator {
   color: #abb2bf;
 }
 
 .language-json .token.null.keyword {
   color: #d19a66;
 }
 
 /* MD overrides */
 .language-markdown .token.url,
 .language-markdown .token.url > .token.operator,
 .language-markdown .token.url-reference.url > .token.string {
   color: #abb2bf;
 }
 
 .language-markdown .token.url > .token.content {
   color: #61afef;
 }
 
 .language-markdown .token.url > .token.url,
 .language-markdown .token.url-reference.url {
   color: #56b6c2;
 }
 
 .language-markdown .token.blockquote.punctuation,
 .language-markdown .token.hr.punctuation {
   color: #5c6370;
   font-style: italic;
 }
 
 .language-markdown .token.code-snippet {
   color: #98c379;
 }
 
 .language-markdown .token.bold .token.content {
   color: #d19a66;
 }
 
 .language-markdown .token.italic .token.content {
   color: #c678dd;
 }
 
 .language-markdown .token.strike .token.content,
 .language-markdown .token.strike .token.punctuation,
 .language-markdown .token.list.punctuation,
 .language-markdown .token.title.important > .token.punctuation {
   color: #e06c75;
 }
 
 /* General */
 .token.bold {
   font-weight: bold;
 }
 
 .token.comment,
 .token.italic {
   font-style: italic;
 }
 
 .token.entity {
   cursor: help;
 }
 
 .token.namespace {
   opacity: 0.8;
 }