# 主題化設置 主體化設置是為了更好的符合用戶需求，直觀的修改客戶所見主題顏色；一方面促進增加組件進程的可復用性，另一方面也可以擴展用戶選擇范圍，更好的服務客戶。 ## 主題色 > 當前主題色設為一個（color1） > 可用樣式class如下 > `.bg-color1` > `.text-color1` > `.ab-color1` > `.bc-color1` |class名稱|含義或用途|備注| |---|---|---| |`bg-color1`|設置背景色為color1|最高權重| |`text-color1`|設置文字顏色為color1|最高權重| |`ab-color1`|設置當前前后插入背景色為color1|| |`btn-color1`|按鈕顏色變換（暫不推薦使用）|color1c轉color1a| |`bc-color1`|邊框顏色設為color1|border-color| |`t-line bg-color1`|組合設置標題下方的純色橫線（居中）|須組合使用| |`h-line bg-color1`|組合設置標題前方的純色豎線（前置）|須組合使用| 例如： > 虛線框中橫線即使用`<span class="t-line bg-color1"></span>`  ## 重用組件class