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,149 @@
/* Background */
.highlight-bg {
color: #1a1a1a;
background-color: #ffffff;
}
/* PreWrapper */
.highlight-chroma {
color: #1a1a1a;
background-color: #ffffff;
}
/* Error */
.highlight-chroma .highlight-err {
color: #e03131;
}
/* 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: #f0f4f8;
}
/* LineNumbersTable */
.highlight-chroma .highlight-lnt {
white-space: pre;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #4a5568;
}
/* LineNumbers */
.highlight-chroma .highlight-ln {
white-space: pre;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #4a5568;
}
/* 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: #d73a49;
font-weight: bold;
}
/* NameBuiltin */
.highlight-chroma .highlight-nb {
color: #116ab8;
font-weight: bold;
}
/* NameBuiltinPseudo */
.highlight-chroma .highlight-bp {
color: #22863a;
font-weight: bold;
}
/* NameClass */
.highlight-chroma .highlight-nc {
color: #953abf;
font-weight: bold;
}
/* NameFunction */
.highlight-chroma .highlight-nf,
.highlight-chroma .highlight-nv {
color: #005cc5;
font-weight: bold;
}
/* 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: #e36209;
font-weight: bold;
}
/* 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: #d73a49;
font-weight: bold;
}
/* Comment */
.highlight-chroma .highlight-c,
.highlight-chroma .highlight-ch,
.highlight-chroma .highlight-cm,
.highlight-chroma .highlight-c1 {
color: #6a737d;
font-style: italic;
}
/* CommentSpecial */
.highlight-chroma .highlight-cs {
color: #005cc5;
font-style: italic;
}
/* CommentPreproc */
.highlight-chroma .highlight-cp,
.highlight-chroma .highlight-cpf {
color: #e36209;
font-weight: bold;
}