主题

该框架附带几个不同的主题。

名称预览
黑色(默认)Black background, white text, blue links
白色White background, black text, blue links
蓝色Gray background, white text, blue links
米色Beige background, dark text, brown links
夜间Black background, thick white text, orange links
衬线Cappuccino background, gray text, brown links
简洁White background, black text, blue links
solarizedCream-colored background, dark green text, blue links
月亮Dark blue background, thick grey text, blue links
吸血鬼
天空Blue background, thin dark text, blue links
血液Dark background, thick white text, red links

每种主题都可作为单独的样式表使用。若要更改主题,你需要在 index.html 中用你的期望主题名称替换下面的黑色

<link rel="stylesheet" href="dist/theme/black.css" />

自定义属性

所有主题变量都作为伪类 :root 中的 CSS 自定义属性公开。参见公开变量列表

创建主题

如果希望添加自己的主题,请参阅此处说明:/css/theme/README.md

或者,如果你想要一个干净的开始,你可以选择从一个空白 CSS 文档开始,从头开始自定义所有内容。