/*
Based on original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
Modified with slint colors
*/

:root {
    --CODE_GRAY: #858585;
    --CODE_TURQUOISE: #00ffff;
    --CODE_PURPLE: #8f00ff;
    --CODE_RED: #ff0000;
    --CODE_GREEN: #70ff00;
    --CODE_DARK_BLUE: #0075FF;
}

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #000000;
}
code.hljs { background-color: black; }


/* Base color: saturation 0; */

.hljs,
.hljs-subst {
  color: white;
}

.hljs-comment {
  color: var(--CODE_GRAY);
}

.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-doctag,
.hljs-name {
  font-weight: bold;
  color: var(--CODE_DARK_BLUE);
}


.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
    color: var(--CODE_TURQUOISE);
}

.hljs-title,
.hljs-section {
  color: var(--CODE_PURPLE);
  font-weight: bold;
}

.hljs-regexp,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-attr,
.hljs-selector-pseudo {
  color: var(--CODE_GREEN);
}

.hljs-variable,
.hljs-symbol {
    color: var(--CODE_PURPLE);
}


.hljs-literal {
  color: var(--CODE_TURQUOISE);
}

.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
  color: var(--CODE_GREEN);
}



.hljs-meta, .hljs-meta-keyword  {
  color: var(--CODE_RED);
}

.hljs-meta-string {
  color: var(--CODE_TURQUOISE);
}


/* Misc effects */

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}