chore: 更新主题样式和 CSS 变量
This commit is contained in:
@@ -13,6 +13,9 @@
|
|||||||
'--color-info': themeCommon.infoColor,
|
'--color-info': themeCommon.infoColor,
|
||||||
'--color-primary': themeCommon.primaryColor,
|
'--color-primary': themeCommon.primaryColor,
|
||||||
'--color-success': themeCommon.successColor,
|
'--color-success': themeCommon.successColor,
|
||||||
|
'--color-text-1': themeVars.textColor1,
|
||||||
|
'--color-text-2': themeVars.textColor2,
|
||||||
|
'--color-text-3': themeVars.textColor3,
|
||||||
'--color-warning': themeCommon.warningColor,
|
'--color-warning': themeCommon.warningColor,
|
||||||
}"
|
}"
|
||||||
:theme-overrides="themeOverrides"
|
:theme-overrides="themeOverrides"
|
||||||
@@ -58,10 +61,10 @@ const themeVars = useThemeVars();
|
|||||||
// 全局 CSS 变量
|
// 全局 CSS 变量
|
||||||
:root {
|
:root {
|
||||||
// 基础颜色
|
// 基础颜色
|
||||||
--color-black: #252525;
|
--color-black: rgb(51, 54, 57);
|
||||||
--color-gray: #E0E0E0;
|
--color-gray: #E0E0E0;
|
||||||
// 分类颜色
|
// 分类颜色
|
||||||
--color-bg-dark: #252525;
|
--color-bg-dark: rgb(51, 54, 57);
|
||||||
--color-bg-light: #F8F8F8;
|
--color-bg-light: #F8F8F8;
|
||||||
// 滚动条大小
|
// 滚动条大小
|
||||||
--scrollbar-size: 8px;
|
--scrollbar-size: 8px;
|
||||||
|
@@ -13,14 +13,21 @@ export const configProviderProps = {
|
|||||||
// 调整主题变量
|
// 调整主题变量
|
||||||
themeOverrides: {
|
themeOverrides: {
|
||||||
common: {
|
common: {
|
||||||
primaryColor: '#0894FA',
|
errorColor: '#E34D59',
|
||||||
primaryColorHover: '#6BB2FF',
|
errorColorHover: '#F36D78',
|
||||||
primaryColorPressed: '#007AD3',
|
errorColorPressed: '#C9353F',
|
||||||
primaryColorSuppl: '#6BB2FF',
|
errorColorSuppl: '#F36D78',
|
||||||
|
fontFamily: '"HarmonyOS Sans SC", sans-serif',
|
||||||
|
fontFamilyMono: '"Sarasa Mono", "Sarasa Mono SC", monospace',
|
||||||
infoColor: '#0052D9',
|
infoColor: '#0052D9',
|
||||||
infoColorHover: '#366EF4',
|
infoColorHover: '#366EF4',
|
||||||
infoColorPressed: '#003CAB',
|
infoColorPressed: '#003CAB',
|
||||||
infoColorSuppl: '#366EF4',
|
infoColorSuppl: '#366EF4',
|
||||||
|
lineHeight: 1.6,
|
||||||
|
primaryColor: '#0894FA',
|
||||||
|
primaryColorHover: '#6BB2FF',
|
||||||
|
primaryColorPressed: '#007AD3',
|
||||||
|
primaryColorSuppl: '#6BB2FF',
|
||||||
successColor: '#00A870',
|
successColor: '#00A870',
|
||||||
successColorHover: '#48C79C',
|
successColorHover: '#48C79C',
|
||||||
successColorPressed: '#078D5C',
|
successColorPressed: '#078D5C',
|
||||||
@@ -29,10 +36,6 @@ export const configProviderProps = {
|
|||||||
warningColorHover: '#F2995F',
|
warningColorHover: '#F2995F',
|
||||||
warningColorPressed: '#D35A21',
|
warningColorPressed: '#D35A21',
|
||||||
warningColorSuppl: '#F2995F',
|
warningColorSuppl: '#F2995F',
|
||||||
errorColor: '#E34D59',
|
|
||||||
errorColorHover: '#F36D78',
|
|
||||||
errorColorPressed: '#C9353F',
|
|
||||||
errorColorSuppl: '#F36D78',
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user