分享暗黑楷体风格 CSS

CBETA
1

这是我长期自用的暗黑楷体风格 CSS，感觉体验不错。分享出来。

需要安装全字库楷体。

全字库

如果上面网站不能打开，可尝试直接下载

https://www.cns11643.gov.tw/opendata/Fonts_Kai.zip

CBReader_H96QglONm4
CBReader_H96QglONm4996×1070 88.6 KB

下面内容存为文件 dark-kai.css，然后在 CBETA 设定自订 CSS 即可。

/*
* Dark theme and Kai font
* Public domain
*/
@font-face {
  font-family:a3;
  src:local(TW-Kai);
}
@font-face {
  font-family:a4;
  src:local(TW-Kai-Ext-B);
}
@font-face {
  font-family:a5;
  src:local(TW-Kai-Plus);
}
.gaiji {font-family:a3,a4,a5}
body {
  font-size:xx-large;
  line-height:125%;
  color:#CFCFCF;
  background-color:#1F1F1F;
  font-family:a3,a4,a5;
}
img {background-color:#DEDEDE}
a:hover, a:visited, a:link, a:active {
  color:#9898D9; text-decoration:none;
}
a.note_mod,
a.note_star,
a.note_add {
  font-size:0.5em; color:#9898D9; text-decoration:none;
}
.linehead,
.parahead,
.pts_head {font-family:monospace; font-size:0.75em; color:#ABABC9}
.juannum {font-size:0.62em; color:#BAD9BA}
.juanname {font-size:1.4em; color:#D9D9D9}
.xu {font-size:0.9em; color:#ABABC9; line-height:125%}
.w {font-size:1em; color:#ABABC9}
.headname {font-size:1.6em; color:#D9D9D9}
.headname2 {font-size:1.4em; color:#D9D9D9; line-height:110%}
.headname3 {font-size:1.2em; color:#D9D9D9}
.headname4,
.headname5,
.headname6,
.headname7,
.headname8,
.headname9 {font-size:1em; color:#D9D9D9}
.byline {font-size:1em; color:#BAD9BA}
.lg {font-size:0.85em; color:#A7C2A7}
.preformat {font-family:a3,a4,a5; font-size:0.85em; line-height:100%}
.note {font-size:0.85em; color:#CCAE8F}
#div_notearea {color:#1F1F1F}
#div_notearea a {color:#6B6B99}
#cbeta-copyright {font-size:0.67em;background-color:#3D3D3D;line-height:100%}
#SearchHead {font-family:a3,a4,a5}
3 Likes