l0bsterssg

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

a11y-dark.scss (1447B)

      1 /* a11y-dark theme */
      2 /* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
      3 /* @author: ericwbailey */
      4 
      5 /* Comment */
      6 .hljs-comment,
      7 .hljs-quote {
      8   color: #d4d0ab;
      9 }
     10 
     11 /* Red */
     12 .hljs-variable,
     13 .hljs-template-variable,
     14 .hljs-tag,
     15 .hljs-name,
     16 .hljs-selector-id,
     17 .hljs-selector-class,
     18 .hljs-regexp,
     19 .hljs-deletion {
     20   color: #ffa07a;
     21 }
     22 
     23 /* Orange */
     24 .hljs-number,
     25 .hljs-built_in,
     26 .hljs-builtin-name,
     27 .hljs-literal,
     28 .hljs-type,
     29 .hljs-params,
     30 .hljs-meta,
     31 .hljs-link {
     32   color: #f5ab35;
     33 }
     34 
     35 /* Yellow */
     36 .hljs-attribute {
     37   color: #ffd700;
     38 }
     39 
     40 /* Green */
     41 .hljs-string,
     42 .hljs-symbol,
     43 .hljs-bullet,
     44 .hljs-addition {
     45   color: #abe338;
     46 }
     47 
     48 /* Blue */
     49 .hljs-title,
     50 .hljs-section {
     51   color: #00e0e0;
     52 }
     53 
     54 /* Purple */
     55 .hljs-keyword,
     56 .hljs-selector-tag {
     57   color: #dcc6e0;
     58 }
     59 
     60 .hljs {
     61   display: block;
     62   overflow-x: auto;
     63   background: #2b2b2b;
     64   color: #f8f8f2;
     65   padding: 0.5em;
     66 }
     67 
     68 .hljs-emphasis {
     69   font-style: italic;
     70 }
     71 
     72 .hljs-strong {
     73   font-weight: bold;
     74 }
     75 
     76 @media screen and (-ms-high-contrast: active) {
     77   .hljs-addition,
     78   .hljs-attribute,
     79   .hljs-built_in,
     80   .hljs-builtin-name,
     81   .hljs-bullet,
     82   .hljs-comment,
     83   .hljs-link,
     84   .hljs-literal,
     85   .hljs-meta,
     86   .hljs-number,
     87   .hljs-params,
     88   .hljs-string,
     89   .hljs-symbol,
     90   .hljs-type,
     91   .hljs-quote {
     92         color: highlight;
     93     }
     94 
     95     .hljs-keyword,
     96     .hljs-selector-tag {
     97         font-weight: bold;
     98     }
     99 }