Improve formatting of code highlighting styles

This commit is contained in:
Eryn Wells 2024-07-23 08:43:41 -07:00
parent 3b642fa002
commit 293f0ba957

View file

@ -146,272 +146,242 @@ hr {
}
.content {
.codeblock {
color: var(--foreground);
background-color: var(--background);
border: 1px solid var(--gray6);
.codeblock {
.err {
color: var(--red);
}
.err {
color: var(--red);
}
/* line link */
.lnlinks {
outline: none;
text-decoration: none;
color: inherit;
}
/* line link */
.lnlinks {
outline: none;
text-decoration: none;
color: inherit;
}
.line {
display: flex;
}
.line {
display: flex;
}
/* keyword */
.k {
color: var(--purple);
}
/* keyword */
.k {
color: var(--purple);
}
/* keyword: constant */
/* keyword: declaration */
/* keyword: pseudo */
/* keyword: reserved */
.kc, .kd, .kp, .kr {
color: var(--orange);
}
/* keyword: constant */
/* keyword: declaration */
/* keyword: pseudo */
/* keyword: reserved */
.kc, .kd, .kp, .kr {
color: var(--orange);
}
/* keyword: namespace */
.kn {
color: var(--yellow);
}
/* keyword: namespace */
.kn {
color: var(--yellow);
}
/* keyword: type */
.kt {
color: var(--yellow);
font-weight: bolder;
}
/* keyword: type */
.kt {
color: var(--yellow);
font-weight: bolder;
}
/* line highlight */
.hl {
background-color: var(--selection);
}
/* line highlight */
.hl {
background-color: var(--selection);
}
/* line numbers */
.ln {
white-space: pre;
-webkit-user-select: none;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #7f7f7f;
}
/* line numbers */
.ln {
white-space: pre;
-webkit-user-select: none;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #7f7f7f;
}
/* NameAttribute */
.na {
color: #a6e22e;
}
/* NameAttribute */
.na {
color: #a6e22e;
}
/* NameClass */
.nc {
color: #a6e22e;
}
/* NameClass */
.nc {
color: #a6e22e;
}
/* NameConstant */
.no {
color: #66d9ef;
}
/* NameConstant */
.no {
color: #66d9ef;
}
/* name: decorator */
.nd {
color: #a6e22e;
}
/* name: decorator */
.nd {
color: #a6e22e;
}
/* name: exception */
.ne {
color: var(--green);
font-weight: bolder;
}
/* name: exception */
.ne {
color: var(--green);
font-weight: bolder;
}
/* NameFunction */
.nf {
color: var(--green);
}
/* NameFunction */
.nf {
color: var(--green);
}
/* NameOther */
.nx {
color: #a6e22e;
}
/* NameOther */
.nx {
color: #a6e22e;
}
/* NameTag */
.nt {
color: #f92672;
}
/* NameTag */
.nt {
color: #f92672;
}
/* Literal */
.l {
color: #ae81ff;
}
/* Literal */
.l {
color: #ae81ff;
}
/* LiteralDate */
.ld {
color: #e6db74;
}
/* LiteralDate */
.ld {
color: #e6db74;
}
/* LiteralString */
.s {
color: #e6db74;
}
/* LiteralString */
.s {
color: #e6db74;
}
/* LiteralStringBacktick */
.sb {
color: #e6db74;
}
/* LiteralStringBacktick */
.sb {
color: #e6db74;
}
/* LiteralStringChar */
.sc {
color: #e6db74;
}
/* LiteralStringChar */
.sc {
color: #e6db74;
}
/* LiteralStringDelimiter */
.dl {
color: #e6db74;
}
/* LiteralStringDelimiter */
.dl {
color: #e6db74;
}
/* LiteralNumberIntegerLong */
.il {
color: #ae81ff;
}
/* LiteralNumberIntegerLong */
.il {
color: #ae81ff;
}
/* literal: number */
/* literal: number, bin */
/* literal: number, float */
/* literal: number, hex */
/* literal: number, integer */
.m, .mb, .mf, .mh, .mi {
color: var(--purple);
font-weight: bolder;
}
/* literal: number */
/* literal: number, bin */
/* literal: number, float */
/* literal: number, hex */
/* literal: number, integer */
.m, .mb, .mf, .mh, .mi {
color: var(--purple);
font-weight: bolder;
}
/* LiteralNumberOct */
.mo {
color: #ae81ff;
}
/* LiteralNumberOct */
.mo {
color: #ae81ff;
}
/* name: built-in */
.nb {
color: var(--green);
}
/* name: built-in */
.nb {
color: var(--green);
}
/* Operator */
.o {
color: var(--orange);
}
/* Operator */
.o {
color: var(--orange);
}
/* OperatorWord */
.ow {
color: #f92672;
}
/* OperatorWord */
.ow {
color: #f92672;
}
/* LiteralStringDoc */
.sd {
color: #e6db74;
}
/* LiteralStringDoc */
.sd {
color: #e6db74;
}
/* LiteralStringDouble */
.s2 {
color: #e6db74;
}
/* LiteralStringDouble */
.s2 {
color: #e6db74;
}
/* LiteralStringEscape */
.se {
color: #ae81ff;
}
/* LiteralStringEscape */
.se {
color: #ae81ff;
}
/* LiteralStringHeredoc */
.sh {
color: #e6db74;
}
/* LiteralStringHeredoc */
.sh {
color: #e6db74;
}
/* LiteralStringInterpol */
.si {
color: #e6db74;
}
/* LiteralStringInterpol */
.si {
color: #e6db74;
}
/* LiteralStringOther */
.sx {
color: #e6db74;
}
/* LiteralStringOther */
.sx {
color: #e6db74;
}
/* literal: string, regex */
.sr {
color: var(--green);
}
/* literal: string, regex */
.sr {
color: var(--green);
}
/* literal: string, affix */
/* literal: string, single */
/* literal: string, symbol */
.sa, .s1, .ss {
color: var(--yellow);
}
/* literal: string, affix */
/* literal: string, single */
/* literal: string, symbol */
.sa, .s1, .ss {
color: var(--yellow);
}
/* comment */
/* comment: hashbang */
/* comment: multiline */
/* comment: single */
/* comment: special */
/* comment: preproc */
/* comment: preproc file */
.c, .ch, .cm, .c1, .cs, .cp, .cpf {
color: #75715e;
}
/* Comment */
.c {
color: #75715e;
}
/* GenericDeleted */
.gd {
color: #f92672;
}
/* CommentHashbang */
.ch {
color: #75715e;
}
/* GenericEmph */
.ge {
font-style: italic;
}
/* CommentMultiline */
.cm {
color: #75715e;
}
/* GenericInserted */
.gi {
color: #a6e22e;
}
/* CommentSingle */
.c1 {
color: #75715e;
}
/* GenericStrong */
.gs {
font-weight: bold;
}
/* CommentSpecial */
.cs {
color: #75715e;
}
/* CommentPreproc */
.cp {
color: #75715e;
}
/* CommentPreprocFile */
.cpf {
color: #75715e;
}
/* GenericDeleted */
.gd {
color: #f92672;
}
/* GenericEmph */
.ge {
font-style: italic;
}
/* GenericInserted */
.gi {
color: #a6e22e;
}
/* GenericStrong */
.gs {
font-weight: bold;
}
/* GenericSubheading */
.gu {
color: #75715e;
}
/* GenericSubheading */
.gu {
color: #75715e;
}
}