l0bsterssg

node.js static responsive blog post generator
Log | Files | Refs | README

shades-of-purple.scss (1363B)


      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   /* Custom font is optional */
     13   /* font-family: 'Operator Mono', 'Fira Code', 'Menlo', 'Monaco', 'Courier New', 'monospace';  */
     14   padding: 0.5em;
     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 }