Improve formatting of code highlighting styles
This commit is contained in:
parent
3b642fa002
commit
293f0ba957
1 changed files with 195 additions and 225 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue