website

My personal website
git clone git://git.ckyln.com/website
Log | Files | Refs

syntax.css (2629B)

      1 /*
      2 
      3 github.com style (c) Vasily Polovnyov <vast@whiteants.net>
      4 
      5 */
      6 
      7 .hljs {
      8   display: block;
      9   overflow-x: auto;
     10   padding: 0.5em;
     11   color: #333;
     12   background: #f8f8f8;
     13 }
     14 
     15 .hljs-comment,
     16 .hljs-quote {
     17   color: #998;
     18   font-style: italic;
     19 }
     20 
     21 .hljs-keyword,
     22 .hljs-selector-tag,
     23 .hljs-subst {
     24   color: #333;
     25   font-weight: bold;
     26 }
     27 
     28 .hljs-number,
     29 .hljs-literal,
     30 .hljs-variable,
     31 .hljs-template-variable,
     32 .hljs-tag .hljs-attr {
     33   color: #008080;
     34 }
     35 
     36 .hljs-string,
     37 .hljs-doctag {
     38   color: #d14;
     39 }
     40 
     41 .hljs-title,
     42 .hljs-section,
     43 .hljs-selector-id {
     44   color: #900;
     45   font-weight: bold;
     46 }
     47 
     48 .hljs-subst {
     49   font-weight: normal;
     50 }
     51 
     52 .hljs-type,
     53 .hljs-class .hljs-title {
     54   color: #458;
     55   font-weight: bold;
     56 }
     57 
     58 .hljs-tag,
     59 .hljs-name,
     60 .hljs-attribute {
     61   color: #000080;
     62   font-weight: normal;
     63 }
     64 
     65 .hljs-regexp,
     66 .hljs-link {
     67   color: #009926;
     68 }
     69 
     70 .hljs-symbol,
     71 .hljs-bullet {
     72   color: #990073;
     73 }
     74 
     75 .hljs-built_in,
     76 .hljs-builtin-name {
     77   color: #0086b3;
     78 }
     79 
     80 .hljs-meta {
     81   color: #999;
     82   font-weight: bold;
     83 }
     84 
     85 .hljs-deletion {
     86   background: #fdd;
     87 }
     88 
     89 .hljs-addition {
     90   background: #dfd;
     91 }
     92 
     93 .hljs-emphasis {
     94   font-style: italic;
     95 }
     96 
     97 .hljs-strong {
     98   font-weight: bold;
     99 }
    100 /*
    101 
    102 Gruvbox style (dark) (c) Pavel Pertsev (original style at https://github.com/morhetz/gruvbox)
    103 
    104 */
    105 
    106 @media (prefers-color-scheme: dark) {
    107 .hljs {
    108   display: block;
    109   overflow-x: auto;
    110   padding: 0.5em;
    111   background: #282828;
    112 }
    113 
    114 .hljs,
    115 .hljs-subst {
    116   color: #ebdbb2;
    117 }
    118 
    119 /* Gruvbox Red */
    120 .hljs-deletion,
    121 .hljs-formula,
    122 .hljs-keyword,
    123 .hljs-link,
    124 .hljs-selector-tag {
    125   color: #fb4934;
    126 }
    127 
    128 /* Gruvbox Blue */
    129 .hljs-built_in,
    130 .hljs-emphasis,
    131 .hljs-name,
    132 .hljs-quote,
    133 .hljs-strong,
    134 .hljs-title,
    135 .hljs-variable {
    136   color: #83a598;
    137 }
    138 
    139 /* Gruvbox Yellow */
    140 .hljs-attr,
    141 .hljs-params,
    142 .hljs-template-tag,
    143 .hljs-type {
    144   color: #fabd2f;
    145 }
    146 
    147 /* Gruvbox Purple */
    148 .hljs-builtin-name,
    149 .hljs-doctag,
    150 .hljs-literal,
    151 .hljs-number {
    152   color: #8f3f71;
    153 }
    154 
    155 /* Gruvbox Orange */
    156 .hljs-code,
    157 .hljs-meta,
    158 .hljs-regexp,
    159 .hljs-selector-id,
    160 .hljs-template-variable {
    161   color: #fe8019;
    162 }
    163 
    164 /* Gruvbox Green */
    165 .hljs-addition,
    166 .hljs-meta-string,
    167 .hljs-section,
    168 .hljs-selector-attr,
    169 .hljs-selector-class,
    170 .hljs-string,
    171 .hljs-symbol {
    172   color: #b8bb26;
    173 }
    174 
    175 /* Gruvbox Aqua */
    176 .hljs-attribute,
    177 .hljs-bullet,
    178 .hljs-class,
    179 .hljs-function,
    180 .hljs-function .hljs-keyword,
    181 .hljs-meta-keyword,
    182 .hljs-selector-pseudo,
    183 .hljs-tag {
    184   color: #8ec07c;
    185 }
    186 
    187 /* Gruvbox Gray */
    188 .hljs-comment {
    189   color: #928374;
    190 }
    191 
    192 /* Gruvbox Purple */
    193 .hljs-link_label,
    194 .hljs-literal,
    195 .hljs-number {
    196   color: #d3869b;
    197 }
    198 
    199 .hljs-comment,
    200 .hljs-emphasis {
    201   font-style: italic;
    202 }
    203 
    204 .hljs-section,
    205 .hljs-strong,
    206 .hljs-tag {
    207   font-weight: bold;
    208 }
    209 }