l0bsterssg

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

night-owl.scss (3154B)

      1 /*
      2 
      3 Night Owl for highlight.js (c) Carl Baxter <carl@cbax.tech>
      4 
      5 An adaptation of Sarah Drasner's Night Owl VS Code Theme 
      6 https://github.com/sdras/night-owl-vscode-theme 
      7 
      8 Copyright (c) 2018 Sarah Drasner
      9 
     10 Permission is hereby granted, free of charge, to any person obtaining a copy
     11 of this software and associated documentation files (the "Software"), to deal
     12 in the Software without restriction, including without limitation the rights
     13 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
     14 copies of the Software, and to permit persons to whom the Software is
     15 furnished to do so, subject to the following conditions:
     16 
     17 The above copyright notice and this permission notice shall be included in all
     18 copies or substantial portions of the Software.
     19 
     20 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
     21 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
     22 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
     23 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
     24 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
     25 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
     26 SOFTWARE.
     27 
     28 */
     29 
     30 .hljs {
     31   display: block;
     32   overflow-x: auto;
     33   padding: 0.5em;
     34   background: #011627;
     35   color: #d6deeb;
     36 }
     37 
     38 /* General Purpose */
     39 .hljs-keyword {
     40   color: #c792ea;
     41   font-style: italic;
     42 }
     43 .hljs-built_in {
     44   color: #addb67;
     45   font-style: italic;
     46 }
     47 .hljs-type {
     48   color: #82aaff;
     49 }
     50 .hljs-literal {
     51   color: #ff5874;
     52 }
     53 .hljs-number {
     54   color: #F78C6C;
     55 }
     56 .hljs-regexp {
     57   color: #5ca7e4;
     58 }
     59 .hljs-string {
     60   color: #ecc48d;
     61 }
     62 .hljs-subst {
     63   color: #d3423e;
     64 }
     65 .hljs-symbol {
     66   color: #82aaff;
     67 }
     68 .hljs-class {
     69   color: #ffcb8b;
     70 }
     71 .hljs-function {
     72   color: #82AAFF;
     73 }
     74 .hljs-title {
     75   color: #DCDCAA;
     76   font-style: italic;
     77 }
     78 .hljs-params {
     79   color: #7fdbca;
     80 }
     81 
     82 /* Meta */
     83 .hljs-comment {
     84   color: #637777;
     85   font-style: italic;
     86 }
     87 .hljs-doctag {
     88   color: #7fdbca;
     89 }
     90 .hljs-meta {
     91   color: #82aaff;
     92 }
     93 .hljs-meta-keyword {
     94   color: #82aaff;
     95 }
     96 .hljs-meta-string {
     97   color: #ecc48d;
     98 }
     99 
    100 /* Tags, attributes, config */
    101 .hljs-section {
    102   color: #82b1ff;
    103 }
    104 .hljs-tag,
    105 .hljs-name,
    106 .hljs-builtin-name {
    107   color: #7fdbca;
    108 }
    109 .hljs-attr {
    110   color: #7fdbca;
    111 }
    112 .hljs-attribute {
    113   color: #80cbc4;
    114 }
    115 .hljs-variable {
    116   color: #addb67;
    117 }
    118 
    119 /* Markup */
    120 .hljs-bullet {
    121   color: #d9f5dd;
    122 }
    123 .hljs-code {
    124   color: #80CBC4;
    125 }
    126 .hljs-emphasis {
    127   color: #c792ea;
    128   font-style: italic;
    129 }
    130 .hljs-strong {
    131   color: #addb67;
    132   font-weight: bold;
    133 }
    134 .hljs-formula {
    135   color: #c792ea;
    136 }
    137 .hljs-link {
    138   color: #ff869a;
    139 }
    140 .hljs-quote {
    141   color: #697098;
    142   font-style: italic;
    143 }
    144 
    145 /* CSS */
    146 .hljs-selector-tag {
    147   color: #ff6363;
    148 }
    149 
    150 .hljs-selector-id {
    151   color: #fad430;
    152 }
    153 
    154 .hljs-selector-class {
    155   color: #addb67;
    156   font-style: italic;
    157 }
    158 
    159 .hljs-selector-attr,
    160 .hljs-selector-pseudo {
    161   color: #c792ea;
    162   font-style: italic;
    163 }
    164 
    165 /* Templates */
    166 .hljs-template-tag {
    167   color: #c792ea;
    168 }
    169 .hljs-template-variable {
    170   color: #addb67;
    171 }
    172 
    173 /* diff */
    174 .hljs-addition {
    175   color: #addb67ff;
    176   font-style: italic;
    177 }
    178 
    179 .hljs-deletion {
    180   color: #EF535090;
    181   font-style: italic;
    182 }