mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-28 11:10:28 -04:00
Jake Jarvis
b13da8e05b
* prepare dark mode stuffs * themed all global colors * store preference in local storage * toggle styling * lightbulb position * minify bundled script with uglify-js instead of hugo * detect whether user has an OS-wide dark mode preference and use that by default * two different colors for each homepage link * inline bulb SVGs into stylesheet * fingerprint and cache styles for a year * fix lightbulb positioning with weird magic numbers, will come back to that * themed syntax highlighting * use terser instead of uglify-js (b/c of ES6)
56 lines
1.1 KiB
SCSS
56 lines
1.1 KiB
SCSS
@charset "UTF-8";
|
|
|
|
/*! Syntax Highlighting - modified from Monokai Light https://github.com/mlgill/pygments-style-monokailight */
|
|
div.highlight span {
|
|
&.k, &.kc, &.kd, &.kp, &.kr, &.kt, &.no {
|
|
@include themed() {
|
|
color: t(syntax-k);
|
|
}
|
|
}
|
|
&.n, &.bp, &.nb, &.ni, &.fm, &.nl, &.nn, &.py, &.nv, &.vc, &.vg, &.vi, &.vm, &.p {
|
|
@include themed() {
|
|
color: t(syntax-n);
|
|
}
|
|
}
|
|
&.na, &.nc, &.nd, &.ne, &.nf, &.nx {
|
|
@include themed() {
|
|
color: t(syntax-na);
|
|
}
|
|
}
|
|
&.err, &.nt, &.o, &.ow, &.kn {
|
|
@include themed() {
|
|
color: t(syntax-err);
|
|
}
|
|
}
|
|
&.l, &.se, &.m, &.mb, &.mf, &.mh, &.mi, &.il, &.mo {
|
|
@include themed() {
|
|
color: t(syntax-l);
|
|
}
|
|
}
|
|
&.ld, &.s, &.sa, &.sb, &.sc, &.dl, &.sd, &.s2, &.sh, &.si, &.sx, &.sr, &.s1, &.ss {
|
|
@include themed() {
|
|
color: t(syntax-ld);
|
|
}
|
|
}
|
|
&.c, &.ch, &.cm, &.c1, &.cs, &.cp, &.cpf {
|
|
@include themed() {
|
|
color: t(syntax-c);
|
|
}
|
|
}
|
|
&.ge {
|
|
font-style: italic;
|
|
}
|
|
&.gs {
|
|
font-weight: bold;
|
|
}
|
|
|
|
// line numbers
|
|
&.lnt {
|
|
user-select: none;
|
|
|
|
@include themed() {
|
|
color: t(syntax-lnt);
|
|
}
|
|
}
|
|
}
|