diff --git a/src/App.vue b/src/App.vue index 467f38f..f495a09 100644 --- a/src/App.vue +++ b/src/App.vue @@ -13,6 +13,9 @@ '--color-info': themeCommon.infoColor, '--color-primary': themeCommon.primaryColor, '--color-success': themeCommon.successColor, + '--color-text-1': themeVars.textColor1, + '--color-text-2': themeVars.textColor2, + '--color-text-3': themeVars.textColor3, '--color-warning': themeCommon.warningColor, }" :theme-overrides="themeOverrides" @@ -58,10 +61,10 @@ const themeVars = useThemeVars(); // 全局 CSS 变量 :root { // 基础颜色 - --color-black: #252525; + --color-black: rgb(51, 54, 57); --color-gray: #E0E0E0; // 分类颜色 - --color-bg-dark: #252525; + --color-bg-dark: rgb(51, 54, 57); --color-bg-light: #F8F8F8; // 滚动条大小 --scrollbar-size: 8px; diff --git a/src/assets/js/naive-ui.js b/src/assets/js/naive-ui.js index 0715c64..6e96511 100644 --- a/src/assets/js/naive-ui.js +++ b/src/assets/js/naive-ui.js @@ -13,14 +13,21 @@ export const configProviderProps = { // 调整主题变量 themeOverrides: { common: { - primaryColor: '#0894FA', - primaryColorHover: '#6BB2FF', - primaryColorPressed: '#007AD3', - primaryColorSuppl: '#6BB2FF', + errorColor: '#E34D59', + errorColorHover: '#F36D78', + errorColorPressed: '#C9353F', + errorColorSuppl: '#F36D78', + fontFamily: '"HarmonyOS Sans SC", sans-serif', + fontFamilyMono: '"Sarasa Mono", "Sarasa Mono SC", monospace', infoColor: '#0052D9', infoColorHover: '#366EF4', infoColorPressed: '#003CAB', infoColorSuppl: '#366EF4', + lineHeight: 1.6, + primaryColor: '#0894FA', + primaryColorHover: '#6BB2FF', + primaryColorPressed: '#007AD3', + primaryColorSuppl: '#6BB2FF', successColor: '#00A870', successColorHover: '#48C79C', successColorPressed: '#078D5C', @@ -29,10 +36,6 @@ export const configProviderProps = { warningColorHover: '#F2995F', warningColorPressed: '#D35A21', warningColorSuppl: '#F2995F', - errorColor: '#E34D59', - errorColorHover: '#F36D78', - errorColorPressed: '#C9353F', - errorColorSuppl: '#F36D78', }, },