From 97e7f6201a4c018244af7b13d1a6c7991400af3d Mon Sep 17 00:00:00 2001 From: Frost-ZX Date: Sat, 31 Aug 2024 14:07:33 +0800 Subject: [PATCH] =?UTF-8?q?chore:=20=E6=9B=B4=E6=96=B0=E4=B8=BB=E9=A2=98?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=20CSS=20=E5=8F=98=E9=87=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 7 +++++-- src/assets/js/naive-ui.js | 19 +++++++++++-------- 2 files changed, 16 insertions(+), 10 deletions(-) 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', }, },