Lady’s Gitweb - Blog/blob - shades-of-purple.css

   1 /**
   2  * Shades of Purple Theme — for Highlightjs.
   3  *
   4  * @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
   5  * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
   6  * @version 1.5.0
   7  */
   8
   9 .hljs {
  10         display: block;
  11         overflow-x: auto;
  12         font-family: 'Operator Mono', 'Fira Code', 'Menlo', 'Monaco', 'Courier New', 'monospace';
  13         line-height: 1.45;
  14         padding: 2rem;
  15         background: #2d2b57;
  16         font-weight: normal;
  17 }
  18
  19 .hljs-title {
  20         color: #fad000;
  21         font-weight: normal;
  22 }
  23
  24 .hljs-name {
  25         color: #a1feff;
  26 }
  27
  28 .hljs-tag {
  29         color: #ffffff;
  30 }
  31
  32 .hljs-attr {
  33         color: #f8d000;
  34         font-style: italic;
  35 }
  36
  37 .hljs-built_in,
  38 .hljs-selector-tag,
  39 .hljs-section {
  40         color: #fb9e00;
  41 }
  42
  43 .hljs-keyword {
  44         color: #fb9e00;
  45 }
  46
  47 .hljs,
  48 .hljs-subst {
  49         color: #e3dfff;
  50 }
  51
  52 .hljs-string,
  53 .hljs-attribute,
  54 .hljs-symbol,
  55 .hljs-bullet,
  56 .hljs-addition,
  57 .hljs-code,
  58 .hljs-regexp,
  59 .hljs-selector-class,
  60 .hljs-selector-attr,
  61 .hljs-selector-pseudo,
  62 .hljs-template-tag,
  63 .hljs-quote,
  64 .hljs-deletion {
  65         color: #4cd213;
  66 }
  67
  68 .hljs-meta,
  69 .hljs-meta-string {
  70         color: #fb9e00;
  71 }
  72
  73 .hljs-comment {
  74         color: #ac65ff;
  75 }
  76
  77 .hljs-keyword,
  78 .hljs-selector-tag,
  79 .hljs-literal,
  80 .hljs-name,
  81 .hljs-strong {
  82         font-weight: normal;
  83 }
  84
  85 .hljs-literal,
  86 .hljs-number {
  87         color: #fa658d;
  88 }
  89
  90 .hljs-emphasis {
  91         font-style: italic;
  92 }
  93
  94 .hljs-strong {
  95         font-weight: bold;
  96 }