BigW Consortium Gitlab

solarized_dark.scss 9.34 KB
Newer Older
1
/* https://gist.github.com/qguv/7936275 */
2 3 4 5 6 7 8 9 10 11 12 13 14 15

/*
* Solarized dark colors
*/
$solarized-dark-new-bg: rgba(133, 153, 0, 0.15);
$solarized-dark-new-idiff: rgba(133, 153, 0, 0.25);
$solarized-dark-old-bg: rgba(220, 50, 47, 0.3);
$solarized-dark-old-idiff: rgba(220, 50, 47, 0.25);
$solarized-dark-border: #113b46;
$solarized-dark-pre-bg: #002b36;
$solarized-dark-pre-color: #93a1a1;
$solarized-dark-pre-border: #113b46;
$solarized-dark-line-bg: #002b36;
$solarized-dark-line-color: rgba(255, 255, 255, 0.3);
dimitrieh committed
16 17
$solarized-dark-line-color-new: #5a766c;
$solarized-dark-line-color-old: #7a6c71;
18 19
$solarized-dark-highlight: #094554;
$solarized-dark-hll-bg: #174652;
20
$solarized-dark-over-bg: #9f9ab5;
21
$solarized-dark-expanded-bg: #010d10;
22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90
$solarized-dark-c: #586e75;
$solarized-dark-err: #93a1a1;
$solarized-dark-g: #93a1a1;
$solarized-dark-k: #859900;
$solarized-dark-l: #93a1a1;
$solarized-dark-n: #93a1a1;
$solarized-dark-o: #859900;
$solarized-dark-x: #cb4b16;
$solarized-dark-p: #93a1a1;
$solarized-dark-cm: #586e75;
$solarized-dark-cp: #859900;
$solarized-dark-c1: #586e75;
$solarized-dark-cs: #859900;
$solarized-dark-gd: #2aa198;
$solarized-dark-ge: #93a1a1;
$solarized-dark-gr: #dc322f;
$solarized-dark-gh: #cb4b16;
$solarized-dark-gi: #859900;
$solarized-dark-go: #93a1a1;
$solarized-dark-gp: #93a1a1;
$solarized-dark-gs: #93a1a1;
$solarized-dark-gu: #cb4b16;
$solarized-dark-gt: #93a1a1;
$solarized-dark-kc: #cb4b16;
$solarized-dark-kd: #268bd2;
$solarized-dark-kn: #859900;
$solarized-dark-kp: #859900;
$solarized-dark-kr: #268bd2;
$solarized-dark-kt: #dc322f;
$solarized-dark-ld: #93a1a1;
$solarized-dark-m: #2aa198;
$solarized-dark-s: #2aa198;
$solarized-dark-na: #93a1a1;
$solarized-dark-nb: #b58900;
$solarized-dark-nc: #268bd2;
$solarized-dark-no: #cb4b16;
$solarized-dark-nd: #268bd2;
$solarized-dark-ni: #cb4b16;
$solarized-dark-ne: #cb4b16;
$solarized-dark-nf: #268bd2;
$solarized-dark-nl: #93a1a1;
$solarized-dark-nn: #93a1a1;
$solarized-dark-nx: #93a1a1;
$solarized-dark-py: #93a1a1;
$solarized-dark-nt: #268bd2;
$solarized-dark-nv: #268bd2;
$solarized-dark-ow: #859900;
$solarized-dark-w: #93a1a1;
$solarized-dark-mf: #2aa198;
$solarized-dark-mh: #2aa198;
$solarized-dark-mi: #2aa198;
$solarized-dark-mo: #2aa198;
$solarized-dark-sb: #586e75;
$solarized-dark-sc: #2aa198;
$solarized-dark-sd: #93a1a1;
$solarized-dark-s2: #2aa198;
$solarized-dark-se: #cb4b16;
$solarized-dark-sh: #93a1a1;
$solarized-dark-si: #2aa198;
$solarized-dark-sx: #2aa198;
$solarized-dark-sr: #dc322f;
$solarized-dark-s1: #2aa198;
$solarized-dark-ss: #2aa198;
$solarized-dark-bp: #268bd2;
$solarized-dark-vc: #268bd2;
$solarized-dark-vg: #268bd2;
$solarized-dark-vi: #268bd2;
$solarized-dark-il: #2aa198;

91
.code.solarized-dark {
92
  // Line numbers
93 94
  .line-numbers,
  .diff-line-num {
95
    background-color: $solarized-dark-line-bg;
96
  }
97

98 99
  .diff-line-num,
  .diff-line-num a {
100
    color: $solarized-dark-line-color;
101 102
  }

103
  // Code itself
104 105
  pre.code,
  .diff-line-num {
106
    border-color: $solarized-dark-pre-border;
107
  }
108

109 110 111
  &,
  pre.code,
  .line_holder .line_content {
112 113
    background-color: $solarized-dark-pre-bg;
    color: $solarized-dark-pre-color;
114 115 116 117
  }

  // Diff line
  .line_holder {
118 119 120 121
    &.match .line_content {
      @include dark-diff-match-line;
    }

122 123
    td.diff-line-num.hll:not(.empty-cell),
    td.line_content.hll:not(.empty-cell) {
124 125
      background-color: $solarized-dark-hll-bg;
      border-color: darken($solarized-dark-hll-bg, 15%);
126 127
    }

128 129
    .diff-line-num.new,
    .line_content.new {
130
      @include diff_background($solarized-dark-new-bg, $solarized-dark-new-idiff, $solarized-dark-border);
dimitrieh committed
131 132 133 134 135

      &::before,
      a {
        color: $solarized-dark-line-color-new;
      }
136 137
    }

138 139
    .diff-line-num.old,
    .line_content.old {
140
      @include diff_background($solarized-dark-old-bg, $solarized-dark-old-idiff, $solarized-dark-border);
dimitrieh committed
141 142 143 144 145

      &::before,
      a {
        color: $solarized-dark-line-color-old;
      }
146 147
    }

148
    .diff-line-num {
Phil Hughes committed
149 150
      &.is-over,
      &.hll:not(.empty-cell).is-over {
151 152
        background-color: $solarized-dark-over-bg;
        border-color: darken($solarized-dark-over-bg, 5%);
153 154

        a {
155
          color: darken($solarized-dark-over-bg, 15%);
156 157 158 159
        }
      }
    }

160
    .line_content.match {
161
      @include dark-diff-match-line;
162
    }
163 164 165 166 167

    &:not(.diff-expanded) + .diff-expanded,
    &.diff-expanded + .line_holder:not(.diff-expanded) {
      > .diff-line-num,
      > .line_content {
168
        border-top: 1px solid $black;
169 170 171 172 173 174
      }
    }

    &.diff-expanded {
      > .diff-line-num,
      > .line_content {
175 176
        background: $solarized-dark-expanded-bg;
        border-color: $solarized-dark-expanded-bg;
177 178
      }
    }
179 180
  }

181
  // highlight line via anchor
182
  pre .hll {
183
    background-color: $solarized-dark-hll-bg !important;
184 185
  }

186 187
  // Search result highlight
  span.highlight_word {
188
    background-color: $solarized-dark-highlight !important;
189 190
  }

191 192 193 194 195
  // Links to URLs, emails, or dependencies
  .line a {
    color: $solarized-dark-kd;
  }

196
  /* Solarized Dark
197

198
  For use with Jekyll and Pygments
199

200
  http://ethanschoonover.com/solarized
201

202 203 204 205 206 207 208 209 210 211 212
  SOLARIZED HEX      ROLE
  --------- -------- ------------------------------------------
  base03    #002b36  background
  base01    #586e75  comments / secondary content
  base1     #93a1a1  body text / default code / primary content
  orange    #cb4b16  constants
  red       #dc322f  regex, special keywords
  blue      #268bd2  reserved keywords
  cyan      #2aa198  strings, numbers
  green     #859900  operators, other keywords
  */
213

214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233
  .c { color: $solarized-dark-c; } /* Comment */
  .err { color: $solarized-dark-err; } /* Error */
  .g { color: $solarized-dark-g; } /* Generic */
  .k { color: $solarized-dark-k; } /* Keyword */
  .l { color: $solarized-dark-l; } /* Literal */
  .n { color: $solarized-dark-n; } /* Name */
  .o { color: $solarized-dark-o; } /* Operator */
  .x { color: $solarized-dark-x; } /* Other */
  .p { color: $solarized-dark-p; } /* Punctuation */
  .cm { color: $solarized-dark-cm; } /* Comment.Multiline */
  .cp { color: $solarized-dark-cp; } /* Comment.Preproc */
  .c1 { color: $solarized-dark-c1; } /* Comment.Single */
  .cs { color: $solarized-dark-cs; } /* Comment.Special */
  .gd { color: $solarized-dark-gd; } /* Generic.Deleted */
  .ge { color: $solarized-dark-ge; font-style: italic; } /* Generic.Emph */
  .gr { color: $solarized-dark-gr; } /* Generic.Error */
  .gh { color: $solarized-dark-gh; } /* Generic.Heading */
  .gi { color: $solarized-dark-gi; } /* Generic.Inserted */
  .go { color: $solarized-dark-go; } /* Generic.Output */
  .gp { color: $solarized-dark-gp; } /* Generic.Prompt */
234
  .gs { color: $solarized-dark-gs; font-weight: $gl-font-weight-bold; } /* Generic.Strong */
235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281
  .gu { color: $solarized-dark-gu; } /* Generic.Subheading */
  .gt { color: $solarized-dark-gt; } /* Generic.Traceback */
  .kc { color: $solarized-dark-kc; } /* Keyword.Constant */
  .kd { color: $solarized-dark-kd; } /* Keyword.Declaration */
  .kn { color: $solarized-dark-kn; } /* Keyword.Namespace */
  .kp { color: $solarized-dark-kp; } /* Keyword.Pseudo */
  .kr { color: $solarized-dark-kr; } /* Keyword.Reserved */
  .kt { color: $solarized-dark-kt; } /* Keyword.Type */
  .ld { color: $solarized-dark-ld; } /* Literal.Date */
  .m { color: $solarized-dark-m; } /* Literal.Number */
  .s { color: $solarized-dark-s; } /* Literal.String */
  .na { color: $solarized-dark-na; } /* Name.Attribute */
  .nb { color: $solarized-dark-nb; } /* Name.Builtin */
  .nc { color: $solarized-dark-nc; } /* Name.Class */
  .no { color: $solarized-dark-no; } /* Name.Constant */
  .nd { color: $solarized-dark-nd; } /* Name.Decorator */
  .ni { color: $solarized-dark-ni; } /* Name.Entity */
  .ne { color: $solarized-dark-ne; } /* Name.Exception */
  .nf { color: $solarized-dark-nf; } /* Name.Function */
  .nl { color: $solarized-dark-nl; } /* Name.Label */
  .nn { color: $solarized-dark-nn; } /* Name.Namespace */
  .nx { color: $solarized-dark-nx; } /* Name.Other */
  .py { color: $solarized-dark-py; } /* Name.Property */
  .nt { color: $solarized-dark-nt; } /* Name.Tag */
  .nv { color: $solarized-dark-nv; } /* Name.Variable */
  .ow { color: $solarized-dark-ow; } /* Operator.Word */
  .w { color: $solarized-dark-w; } /* Text.Whitespace */
  .mf { color: $solarized-dark-mf; } /* Literal.Number.Float */
  .mh { color: $solarized-dark-mh; } /* Literal.Number.Hex */
  .mi { color: $solarized-dark-mi; } /* Literal.Number.Integer */
  .mo { color: $solarized-dark-mo; } /* Literal.Number.Oct */
  .sb { color: $solarized-dark-sb; } /* Literal.String.Backtick */
  .sc { color: $solarized-dark-sc; } /* Literal.String.Char */
  .sd { color: $solarized-dark-sd; } /* Literal.String.Doc */
  .s2 { color: $solarized-dark-s2; } /* Literal.String.Double */
  .se { color: $solarized-dark-se; } /* Literal.String.Escape */
  .sh { color: $solarized-dark-sh; } /* Literal.String.Heredoc */
  .si { color: $solarized-dark-si; } /* Literal.String.Interpol */
  .sx { color: $solarized-dark-sx; } /* Literal.String.Other */
  .sr { color: $solarized-dark-sr; } /* Literal.String.Regex */
  .s1 { color: $solarized-dark-s1; } /* Literal.String.Single */
  .ss { color: $solarized-dark-ss; } /* Literal.String.Symbol */
  .bp { color: $solarized-dark-bp; } /* Name.Builtin.Pseudo */
  .vc { color: $solarized-dark-vc; } /* Name.Variable.Class */
  .vg { color: $solarized-dark-vg; } /* Name.Variable.Global */
  .vi { color: $solarized-dark-vi; } /* Name.Variable.Instance */
  .il { color: $solarized-dark-il; } /* Literal.Number.Integer.Long */
282
}