2018-10-15 14:42:47 +05:30
|
|
|
/* https://github.com/aahan/pygments-github-style */
|
|
|
|
|
|
|
|
/*
|
|
|
|
* White Syntax Colors
|
|
|
|
*/
|
|
|
|
$white-code-color: $gl-text-color;
|
|
|
|
$white-highlight: #fafe3d;
|
|
|
|
$white-pre-hll-bg: #f8eec7;
|
|
|
|
$white-hll-bg: #f8f8f8;
|
|
|
|
$white-over-bg: #ded7fc;
|
|
|
|
$white-expanded-border: #e0e0e0;
|
|
|
|
$white-expanded-bg: #f7f7f7;
|
|
|
|
$white-c: #998;
|
|
|
|
$white-err: #a61717;
|
|
|
|
$white-err-bg: #e3d2d2;
|
|
|
|
$white-cm: #998;
|
|
|
|
$white-cp: #999;
|
|
|
|
$white-c1: #998;
|
|
|
|
$white-cs: #999;
|
|
|
|
$white-gd: $black;
|
|
|
|
$white-gd-bg: #fdd;
|
|
|
|
$white-gd-x: $black;
|
|
|
|
$white-gd-x-bg: #faa;
|
|
|
|
$white-gr: #a00;
|
|
|
|
$white-gh: #999;
|
|
|
|
$white-gi: $black;
|
|
|
|
$white-gi-bg: #dfd;
|
|
|
|
$white-gi-x: $black;
|
|
|
|
$white-gi-x-bg: #afa;
|
|
|
|
$white-go: #888;
|
|
|
|
$white-gp: #555;
|
|
|
|
$white-gu: #800080;
|
|
|
|
$white-gt: #a00;
|
|
|
|
$white-kt: #458;
|
|
|
|
$white-m: #099;
|
|
|
|
$white-s: #d14;
|
|
|
|
$white-n: #333;
|
2019-05-30 16:15:17 +05:30
|
|
|
$white-na: teal;
|
2018-10-15 14:42:47 +05:30
|
|
|
$white-nb: #0086b3;
|
|
|
|
$white-nc: #458;
|
2019-05-30 16:15:17 +05:30
|
|
|
$white-no: teal;
|
|
|
|
$white-ni: purple;
|
2018-10-15 14:42:47 +05:30
|
|
|
$white-ne: #900;
|
|
|
|
$white-nf: #900;
|
|
|
|
$white-nn: #555;
|
2019-05-30 16:15:17 +05:30
|
|
|
$white-nt: navy;
|
|
|
|
$white-nv: teal;
|
2018-10-15 14:42:47 +05:30
|
|
|
$white-w: #bbb;
|
|
|
|
$white-mf: #099;
|
|
|
|
$white-mh: #099;
|
|
|
|
$white-mi: #099;
|
|
|
|
$white-mo: #099;
|
|
|
|
$white-sb: #d14;
|
|
|
|
$white-sc: #d14;
|
|
|
|
$white-sd: #d14;
|
|
|
|
$white-s2: #d14;
|
|
|
|
$white-se: #d14;
|
|
|
|
$white-sh: #d14;
|
|
|
|
$white-si: #d14;
|
|
|
|
$white-sx: #d14;
|
|
|
|
$white-sr: #009926;
|
|
|
|
$white-s1: #d14;
|
|
|
|
$white-ss: #990073;
|
|
|
|
$white-bp: #999;
|
2019-05-30 16:15:17 +05:30
|
|
|
$white-vc: teal;
|
|
|
|
$white-vg: teal;
|
|
|
|
$white-vi: teal;
|
2018-10-15 14:42:47 +05:30
|
|
|
$white-il: #099;
|
|
|
|
$white-gc-color: #999;
|
|
|
|
$white-gc-bg: #eaf2f5;
|
|
|
|
|
|
|
|
|
2019-05-30 16:15:17 +05:30
|
|
|
@mixin matchLine {
|
2018-10-15 14:42:47 +05:30
|
|
|
color: $black-transparent;
|
|
|
|
background-color: $gray-light;
|
|
|
|
}
|
|
|
|
|
2019-05-30 16:15:17 +05:30
|
|
|
// Line numbers
|
2018-10-15 14:42:47 +05:30
|
|
|
.line-numbers,
|
|
|
|
.diff-line-num {
|
|
|
|
background-color: $gray-light;
|
|
|
|
}
|
|
|
|
|
|
|
|
.diff-line-num,
|
|
|
|
.diff-line-num a {
|
|
|
|
color: $black-transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Code itself
|
|
|
|
pre.code,
|
|
|
|
.diff-line-num {
|
|
|
|
border-color: $white-normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
&,
|
|
|
|
pre.code,
|
|
|
|
.line_holder .line_content {
|
|
|
|
background-color: $white-light;
|
|
|
|
color: $white-code-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Diff line
|
|
|
|
.line_holder {
|
2019-05-30 16:15:17 +05:30
|
|
|
|
2018-11-08 19:23:39 +05:30
|
|
|
&.match .line_content,
|
|
|
|
.new-nonewline.line_content,
|
|
|
|
.old-nonewline.line_content {
|
2019-05-30 16:15:17 +05:30
|
|
|
@include matchLine;
|
2018-10-15 14:42:47 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
.diff-line-num {
|
|
|
|
&.old {
|
|
|
|
background-color: $line-number-old;
|
|
|
|
border-color: $line-removed-dark;
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: scale-color($line-number-old, $red: -30%, $green: -30%, $blue: -30%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.new {
|
|
|
|
background-color: $line-number-new;
|
|
|
|
border-color: $line-added-dark;
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: scale-color($line-number-new, $red: -30%, $green: -30%, $blue: -30%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-over,
|
|
|
|
&.hll:not(.empty-cell).is-over {
|
|
|
|
background-color: $white-over-bg;
|
|
|
|
border-color: darken($white-over-bg, 5%);
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: darken($white-over-bg, 15%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.hll:not(.empty-cell) {
|
|
|
|
background-color: $line-number-select;
|
|
|
|
border-color: $line-select-yellow-dark;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&:not(.diff-expanded) + .diff-expanded,
|
|
|
|
&.diff-expanded + .line_holder:not(.diff-expanded) {
|
|
|
|
> .diff-line-num,
|
|
|
|
> .line_content {
|
|
|
|
border-top: 1px solid $white-expanded-border;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.diff-expanded {
|
|
|
|
> .diff-line-num,
|
|
|
|
> .line_content {
|
|
|
|
background: $white-expanded-bg;
|
|
|
|
border-color: $white-expanded-bg;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.line_content {
|
|
|
|
&.old {
|
|
|
|
background-color: $line-removed;
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
color: scale-color($line-number-old, $red: -30%, $green: -30%, $blue: -30%);
|
|
|
|
}
|
|
|
|
|
|
|
|
span.idiff {
|
|
|
|
background-color: $line-removed-dark;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.new {
|
|
|
|
background-color: $line-added;
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
color: scale-color($line-number-new, $red: -30%, $green: -30%, $blue: -30%);
|
|
|
|
}
|
|
|
|
|
|
|
|
span.idiff {
|
|
|
|
background-color: $line-added-dark;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.match {
|
2019-05-30 16:15:17 +05:30
|
|
|
@include matchLine;
|
2018-10-15 14:42:47 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
&.hll:not(.empty-cell) {
|
|
|
|
background-color: $line-select-yellow;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// highlight line via anchor
|
|
|
|
pre .hll {
|
|
|
|
background-color: $white-pre-hll-bg !important;
|
|
|
|
}
|
|
|
|
|
2019-05-30 16:15:17 +05:30
|
|
|
// Search result highlight
|
2018-10-15 14:42:47 +05:30
|
|
|
span.highlight_word {
|
|
|
|
background-color: $white-highlight !important;
|
|
|
|
}
|
|
|
|
|
2019-05-30 16:15:17 +05:30
|
|
|
// Links to URLs, emails, or dependencies
|
2018-10-15 14:42:47 +05:30
|
|
|
.line a {
|
|
|
|
color: $white-nb;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hll { background-color: $white-hll-bg; }
|
2019-05-30 16:15:17 +05:30
|
|
|
.c { color: $white-c; font-style: italic; }
|
|
|
|
.err { color: $white-err; background-color: $white-err-bg; }
|
2018-10-15 14:42:47 +05:30
|
|
|
.k { font-weight: $gl-font-weight-bold; }
|
|
|
|
.o { font-weight: $gl-font-weight-bold; }
|
2019-05-30 16:15:17 +05:30
|
|
|
.cm { color: $white-cm; font-style: italic; }
|
|
|
|
.cp { color: $white-cp; font-weight: $gl-font-weight-bold; }
|
|
|
|
.c1 { color: $white-c1; font-style: italic; }
|
|
|
|
.cs { color: $white-cs; font-weight: $gl-font-weight-bold; font-style: italic; }
|
2018-10-15 14:42:47 +05:30
|
|
|
|
|
|
|
.gd {
|
|
|
|
color: $white-gd;
|
|
|
|
background-color: $white-gd-bg;
|
|
|
|
|
|
|
|
.x {
|
|
|
|
color: $white-gd-x;
|
|
|
|
background-color: $white-gd-x-bg;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.ge { font-style: italic; }
|
|
|
|
.gr { color: $white-gr; }
|
|
|
|
.gh { color: $white-gh; }
|
|
|
|
|
|
|
|
.gi {
|
|
|
|
color: $white-gi;
|
|
|
|
background-color: $white-gi-bg;
|
|
|
|
|
|
|
|
.x {
|
|
|
|
color: $white-gi-x;
|
|
|
|
background-color: $white-gi-x-bg;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.go { color: $white-go; }
|
|
|
|
.gp { color: $white-gp; }
|
|
|
|
.gs { font-weight: $gl-font-weight-bold; }
|
2019-05-30 16:15:17 +05:30
|
|
|
.gu { color: $white-gu; font-weight: $gl-font-weight-bold; }
|
2018-10-15 14:42:47 +05:30
|
|
|
.gt { color: $white-gt; }
|
|
|
|
.kc { font-weight: $gl-font-weight-bold; }
|
|
|
|
.kd { font-weight: $gl-font-weight-bold; }
|
|
|
|
.kn { font-weight: $gl-font-weight-bold; }
|
|
|
|
.kp { font-weight: $gl-font-weight-bold; }
|
|
|
|
.kr { font-weight: $gl-font-weight-bold; }
|
2019-05-30 16:15:17 +05:30
|
|
|
.kt { color: $white-kt; font-weight: $gl-font-weight-bold; }
|
2018-10-15 14:42:47 +05:30
|
|
|
.m { color: $white-m; }
|
|
|
|
.s { color: $white-s; }
|
|
|
|
.n { color: $white-n; }
|
|
|
|
.na { color: $white-na; }
|
|
|
|
.nb { color: $white-nb; }
|
2019-05-30 16:15:17 +05:30
|
|
|
.nc { color: $white-nc; font-weight: $gl-font-weight-bold; }
|
2018-10-15 14:42:47 +05:30
|
|
|
.no { color: $white-no; }
|
|
|
|
.ni { color: $white-ni; }
|
2019-05-30 16:15:17 +05:30
|
|
|
.ne { color: $white-ne; font-weight: $gl-font-weight-bold; }
|
|
|
|
.nf { color: $white-nf; font-weight: $gl-font-weight-bold; }
|
2018-10-15 14:42:47 +05:30
|
|
|
.nn { color: $white-nn; }
|
|
|
|
.nt { color: $white-nt; }
|
|
|
|
.nv { color: $white-nv; }
|
|
|
|
.ow { font-weight: $gl-font-weight-bold; }
|
|
|
|
.w { color: $white-w; }
|
|
|
|
.mf { color: $white-mf; }
|
|
|
|
.mh { color: $white-mh; }
|
|
|
|
.mi { color: $white-mi; }
|
|
|
|
.mo { color: $white-mo; }
|
|
|
|
.sb { color: $white-sb; }
|
|
|
|
.sc { color: $white-sc; }
|
|
|
|
.sd { color: $white-sd; }
|
|
|
|
.s2 { color: $white-s2; }
|
|
|
|
.se { color: $white-se; }
|
|
|
|
.sh { color: $white-sh; }
|
|
|
|
.si { color: $white-si; }
|
|
|
|
.sx { color: $white-sx; }
|
|
|
|
.sr { color: $white-sr; }
|
|
|
|
.s1 { color: $white-s1; }
|
|
|
|
.ss { color: $white-ss; }
|
|
|
|
.bp { color: $white-bp; }
|
|
|
|
.vc { color: $white-vc; }
|
|
|
|
.vg { color: $white-vg; }
|
|
|
|
.vi { color: $white-vi; }
|
|
|
|
.il { color: $white-il; }
|
2019-05-30 16:15:17 +05:30
|
|
|
.gc { color: $white-gc-color; background-color: $white-gc-bg; }
|