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 }