static/highlight/styles/cybertopia-icecap.css

   1 pre code.hljs {
   2   display: block;
   3   overflow-x: auto;
   4   padding: 1em
   5 }
   6 code.hljs {
   7   padding: 3px 5px
   8 }
   9 /*
  10   Theme: Cybertopia Icecap
  11   Author: Alexandre ZANNI (noraj)
  12   Repository: https://github.com/noraj/cybertopia-highlightjs
  13 */
  14 :root {
  15   --hljs-bg: #101010;
  16   --hljs-mono-1: #abb2bf;
  17   --hljs-mono-3: #5c6370;
  18   --hljs-hue-1: #0274C5;
  19   --hljs-hue-2: #025AC5;
  20   --hljs-hue-3: #0240C5;
  21   --hljs-hue-4: #02c797;
  22   --hljs-hue-5: #02C5AE;
  23   --hljs-hue-6: #02C2C5;
  24   --hljs-hue-6-2: #02A8C5;
  25   --hljs-hue-7: #028EC5
  26 }
  27 .hljs {
  28   color: var(--hljs-mono-1);
  29   background: var(--hljs-bg)
  30 }
  31 .hljs-comment,
  32 .hljs-quote,
  33 .hljs-code {
  34   color: var(--hljs-mono-3);
  35   font-style: italic
  36 }
  37 .hljs-doctag,
  38 .hljs-keyword,
  39 .hljs-formula,
  40 .hljs-meta .hljs-keyword {
  41   color: var(--hljs-hue-3)
  42 }
  43 .hljs-section,
  44 .hljs-name,
  45 .hljs-selector-tag,
  46 .hljs-deletion,
  47 .hljs-subst {
  48   color: var(--hljs-hue-5)
  49 }
  50 .hljs-literal {
  51   color: var(--hljs-hue-1)
  52 }
  53 .hljs-string,
  54 .hljs-regexp,
  55 .hljs-addition,
  56 .hljs-attribute,
  57 .hljs-meta .hljs-string {
  58   color: var(--hljs-hue-4)
  59 }
  60 .hljs-attr,
  61 .hljs-variable,
  62 .hljs-template-variable,
  63 .hljs-type,
  64 .hljs-selector-class,
  65 .hljs-selector-attr,
  66 .hljs-selector-pseudo,
  67 .hljs-number,
  68 .hljs-punctuation,
  69 .hljs-variable.language_ {
  70   color: var(--hljs-hue-6)
  71 }
  72 .hljs-symbol,
  73 .hljs-bullet,
  74 .hljs-link,
  75 .hljs-meta,
  76 .hljs-selector-id,
  77 .hljs-title,
  78 .hljs-title.function_,
  79 .hljs-property,
  80 .hljs-tag,
  81 .hljs-char.escape_ {
  82   color: var(--hljs-hue-2)
  83 }
  84 .hljs-built_in,
  85 .hljs-title.class_,
  86 .hljs-title.class_.inherited__,
  87 .hljs-class .hljs-title {
  88   color: var(--hljs-hue-6-2)
  89 }
  90 .hljs-emphasis {
  91   font-style: italic
  92 }
  93 .hljs-strong {
  94   font-weight: bold
  95 }
  96 .hljs-link {
  97   text-decoration: underline
  98 }
  99 .hljs-params,
 100 .hljs-operator,
 101 .hljs-template-tag {
 102   color: var(--hljs-hue-7)
 103 }