主题
¥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.