git.roojs.org Git - roojs1/blob - highlight/styles/gruvbox-light.css

   1 /*
   2
   3 Gruvbox style (light) (c) Pavel Pertsev (original style at https://github.com/morhetz/gruvbox)
   4
   5 */
   6
   7 .hljs {
   8   display: block;
   9   overflow-x: auto;
  10   padding: 0.5em;
  11   background: #fbf1c7;
  12 }
  13
  14 .hljs,
  15 .hljs-subst {
  16   color: #3c3836;
  17 }
  18
  19 /* Gruvbox Red */
  20 .hljs-deletion,
  21 .hljs-formula,
  22 .hljs-keyword,
  23 .hljs-link,
  24 .hljs-selector-tag {
  25   color: #9d0006;
  26 }
  27
  28 /* Gruvbox Blue */
  29 .hljs-built_in,
  30 .hljs-emphasis,
  31 .hljs-name,
  32 .hljs-quote,
  33 .hljs-strong,
  34 .hljs-title,
  35 .hljs-variable {
  36   color: #076678;
  37 }
  38
  39 /* Gruvbox Yellow */
  40 .hljs-attr,
  41 .hljs-params,
  42 .hljs-template-tag,
  43 .hljs-type {
  44   color: #b57614;
  45 }
  46
  47 /* Gruvbox Purple */
  48 .hljs-builtin-name,
  49 .hljs-doctag,
  50 .hljs-literal,
  51 .hljs-number {
  52   color: #8f3f71;
  53 }
  54
  55 /* Gruvbox Orange */
  56 .hljs-code,
  57 .hljs-meta,
  58 .hljs-regexp,
  59 .hljs-selector-id,
  60 .hljs-template-variable {
  61   color: #af3a03;
  62 }
  63
  64 /* Gruvbox Green */
  65 .hljs-addition,
  66 .hljs-meta-string,
  67 .hljs-section,
  68 .hljs-selector-attr,
  69 .hljs-selector-class,
  70 .hljs-string,
  71 .hljs-symbol {
  72   color: #79740e;
  73 }
  74
  75 /* Gruvbox Aqua */
  76 .hljs-attribute,
  77 .hljs-bullet,
  78 .hljs-class,
  79 .hljs-function,
  80 .hljs-function .hljs-keyword,
  81 .hljs-meta-keyword,
  82 .hljs-selector-pseudo,
  83 .hljs-tag {
  84   color: #427b58;
  85 }
  86
  87 /* Gruvbox Gray */
  88 .hljs-comment {
  89   color: #928374;
  90 }
  91
  92 /* Gruvbox Purple */
  93 .hljs-link_label,
  94 .hljs-literal,
  95 .hljs-number {
  96   color: #8f3f71;
  97 }
  98
  99 .hljs-comment,
 100 .hljs-emphasis {
 101   font-style: italic;
 102 }
 103
 104 .hljs-section,
 105 .hljs-strong,
 106 .hljs-tag {
 107   font-weight: bold;
 108 }