主題

此框架附帶了幾種不同的主題。

名稱預覽
black (默認)黑色背景,白色文字,藍色鏈接
white白色背景,黑色文字,藍色鏈接
league灰色背景,白色文字,藍色鏈接
beige米色背景,深色文字,棕色鏈接
night黑色背景,粗白色文字,橙色鏈接
serif卡布奇諾背景,灰色文字,棕色鏈接
simple白色背景,黑色文字,藍色鏈接
solarized奶油色背景,深綠色文字,藍色鏈接
moon深藍背景,粗灰色文字,藍色鏈接
dracula
sky藍色背景,細深色文字,藍色鏈接
blood深色背景,粗白色文字,紅色鏈接

每個主題都可作為一個單獨的樣式表使用。若要更換主題,你需要在 index.html 中將以下 black 替換為你想要的主題名稱:

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

自定義屬性

所有主題變數都作為 CSS 自定義屬性在偽類 :root 中。查看變數列表

創建主題

如果你想添加自己的主題,請參見此處的指南:/css/theme/README.md

或者,如果你想要一個全新的開始,你可以選擇從一個空白的 CSS 文件開始,並從頭開始自定義一切。