new: Replace code highlight color and optimize interface layout

This commit is contained in:
2024-12-25 09:47:19 +08:00
parent fc54cc9cb6
commit 3996e8fb39
14 changed files with 321 additions and 134 deletions

View File

@@ -0,0 +1,140 @@
/* Background */
.highlight-bg {
color: #d1d5da;
background-color: #24292e;
}
/* PreWrapper */
.highlight-chroma {
color: #d1d5da;
background-color: #24292e;
}
/* Error */
.highlight-chroma .highlight-err {
color: #f85149;
}
/* LineTableTD */
.highlight-chroma .highlight-lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}
/* LineTable */
.highlight-chroma .highlight-lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
}
/* LineHighlight */
.highlight-chroma .highlight-hl {
background-color: #2d333b;
}
/* LineNumbersTable */
.highlight-chroma .highlight-lnt {
white-space: pre;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #768390;
}
/* LineNumbers */
.highlight-chroma .highlight-ln {
white-space: pre;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #768390;
}
/* Line */
.highlight-chroma .highlight-line {
display: flex;
}
/* Keyword */
.highlight-chroma .highlight-k,
.highlight-chroma .highlight-kc,
.highlight-chroma .highlight-kd,
.highlight-chroma .highlight-kn,
.highlight-chroma .highlight-kp,
.highlight-chroma .highlight-kr,
.highlight-chroma .highlight-kt {
color: #f47067;
}
/* NameBuiltin */
.highlight-chroma .highlight-nb {
color: #6fdd8b;
}
/* NameBuiltinPseudo */
.highlight-chroma .highlight-bp {
color: #39c5cf;
}
/* NameClass */
.highlight-chroma .highlight-nc {
color: #ffab70;
}
/* NameFunction */
.highlight-chroma .highlight-nf,
.highlight-chroma .highlight-nv {
color: #79c0ff;
}
/* LiteralString */
.highlight-chroma .highlight-s,
.highlight-chroma .highlight-sa,
.highlight-chroma .highlight-sb,
.highlight-chroma .highlight-sc,
.highlight-chroma .highlight-dl,
.highlight-chroma .highlight-sd,
.highlight-chroma .highlight-s2,
.highlight-chroma .highlight-se,
.highlight-chroma .highlight-sh,
.highlight-chroma .highlight-sx,
.highlight-chroma .highlight-sr,
.highlight-chroma .highlight-s1,
.highlight-chroma .highlight-ss {
color: #a5d6ff;
}
/* LiteralNumber */
.highlight-chroma .highlight-m,
.highlight-chroma .highlight-mb,
.highlight-chroma .highlight-mf,
.highlight-chroma .highlight-mh,
.highlight-chroma .highlight-mi,
.highlight-chroma .highlight-il,
.highlight-chroma .highlight-mo {
color: #eac55f;
}
/* Comment */
.highlight-chroma .highlight-c,
.highlight-chroma .highlight-ch,
.highlight-chroma .highlight-cm,
.highlight-chroma .highlight-c1 {
color: #768390;
}
/* CommentSpecial */
.highlight-chroma .highlight-cs {
color: #768390;
font-style: italic;
}
/* CommentPreproc */
.highlight-chroma .highlight-cp,
.highlight-chroma .highlight-cpf {
color: #ffa657;
}