主题
¥Themes
该框架包含一些不同的主题。
¥The framework comes with a few different themes included.
| 名称 | 预览 |
|---|---|
| 黑色(默认) | |
| white | |
| league | |
| beige | |
| night | |
| serif | |
| simple | |
| solarized | |
| moon | |
| dracula | |
| sky | |
| blood |
每个主题都可作为单独的样式表使用。要更改主题,你需要在 index.html 中将下面的 black 替换为你想要的主题名称:
¥Each theme is available as a separate stylesheet. To change theme you will need to replace black below with your desired theme name in index.html:
<link rel="stylesheet" href="dist/theme/black.css" />自定义属性
¥Custom Properties
所有主题变量都作为伪类 :root 中的 CSS 自定义属性公开。请参阅 公开变量列表。
¥All theme variables are exposed as CSS custom properties in the pseudo-class :root. See the list of exposed variables.
创建主题
¥Creating a Theme
如果你想添加自己的主题,请参阅此处的说明:/css/theme/README.md。
¥If you want to add a theme of your own see the instructions here: /css/theme/README.md.
或者,如果你想要一个干净的开始,你可以选择从空白的 CSS 文档开始,然后从头开始自定义所有内容。
¥Alternatively, if you want a clean start, you can opt to start from a blank CSS document and customize everything from the ground up.