# 更改系統默認主題 在 `系統設置` 界面里設置的主題顏色，僅供臨時預覽用，并不是編譯時默認的主題，所以才會出現先加載默認主題，再加載你設置的主題的問題。  如果想要自定義默認主題，需要修改項目根目錄下的 `vue.config.js` 文件。 在該文件中，找到如下代碼塊：  解除掉紅框里的注釋，并將顏色改為你自己的主題顏色  并重新運行項目，等待項目啟動  再刷新頁面，就是你默認的主題顏色了  ## 首頁主題風格設置 src/defaultSettings.js 更多風格在這里設置（注意改顏色的話，此處顏色需要與上面保持一致）  ## 更多變量覆蓋 更多相關內容可查看`Ant Design Vue`官方文檔 <https://www.antdv.com/docs/vue/customize-theme-cn/> > primary-color: #1890ff; // 全局主色 link-color: #1890ff; // 鏈接色 success-color: #52c41a; // 成功色 warning-color: #faad14; // 警告色 error-color: #f5222d; // 錯誤色 font-size-base: 14px; // 主字號 heading-color: rgba(0, 0, 0, 0.85); // 標題色 text-color: rgba(0, 0, 0, 0.65); // 主文本色 text-color-secondary: rgba(0, 0, 0, .45); // 次文本色 disabled-color: rgba(0, 0, 0, .25); // 失效色 border-radius-base: 4px; // 組件/浮層圓角 border-color-base: #d9d9d9; // 邊框色 box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮層陰影