diff --git a/CHANGELOG.md b/CHANGELOG.md
index a50bcfe10997a6777156ee64ae35202411d799c0..0e229b406cb9c4b5d90fe0ff7f17193aa576c264 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,10 @@
 
 - 新增首页导航栏图标颜色变量
 
+### Changed
+
+- 自定义主题变量默认值调整
+
 ## [0.7.38-alpha.42] - 2024-12-29
 
 ### Changed
diff --git a/src/common/custom-theme/custom-theme-model.ts b/src/common/custom-theme/custom-theme-model.ts
index 8d337b900f62e0bd2f1034597333d452ef05c464..f3672a5b8bfcb14465e0ab6185f0dc06de0d9724 100644
--- a/src/common/custom-theme/custom-theme-model.ts
+++ b/src/common/custom-theme/custom-theme-model.ts
@@ -371,7 +371,7 @@ export const predefineThemeVars = [
       {
         label: '字体主要颜色',
         value: '--ibiz-panel-app-header-horizontal-color',
-        defaultValue: '--ibiz-panel-app-header-horizontal-color',
+        defaultValue: '--ibiz-color-primary-text',
         labelLang: 'mainColor',
         descLang: 'mainColorDesc',
         className: 'ibiz-panel-app-header',
@@ -379,7 +379,7 @@ export const predefineThemeVars = [
       {
         label: '字体次要颜色',
         value: '--ibiz-panel-app-header-horizontal-color-1',
-        defaultValue: '--ibiz-panel-app-header-horizontal-color-1',
+        defaultValue: '--ibiz-color-text-5',
         labelLang: 'secondaryColor',
         descLang: 'secondaryColorDesc',
         className: 'ibiz-panel-app-header',
@@ -387,7 +387,7 @@ export const predefineThemeVars = [
       {
         label: '背景主要颜色',
         value: '--ibiz-panel-app-header-horizontal-bg-color',
-        defaultValue: '--ibiz-panel-app-header-horizontal-bg-color',
+        defaultValue: '--ibiz-color-primary',
         labelLang: 'mainBgColor',
         descLang: 'mainBgColorDesc',
         className: 'ibiz-panel-app-header',
@@ -395,7 +395,7 @@ export const predefineThemeVars = [
       {
         label: '背景次要颜色',
         value: '--ibiz-panel-app-header-horizontal-bg-color-1',
-        defaultValue: '--ibiz-panel-app-header-horizontal-bg-color-1',
+        defaultValue: '--ibiz-color-bg-5',
         labelLang: 'secondaryBgColor',
         descLang: 'secondaryBgColorDesc',
         className: 'ibiz-panel-app-header',
@@ -403,7 +403,7 @@ export const predefineThemeVars = [
       {
         label: '图标主要颜色',
         value: '--ibiz-panel-app-header-horizontal-color-icon-0',
-        defaultValue: '--ibiz-panel-app-header-horizontal-color-icon-0',
+        defaultValue: '--ibiz-color-icon-0',
         labelLang: 'iconMainColor',
         descLang: 'iconMainColorDesc',
         className: 'ibiz-panel-app-header',
@@ -411,7 +411,7 @@ export const predefineThemeVars = [
       {
         label: '图标次要颜色',
         value: '--ibiz-panel-app-header-horizontal-color-icon-1',
-        defaultValue: '--ibiz-panel-app-header-horizontal-color-icon-1',
+        defaultValue: '--ibiz-color-icon-1',
         labelLang: 'iconSecondaryColor',
         descLang: 'iconSecondaryColorDesc',
         className: 'ibiz-panel-app-header',
@@ -419,7 +419,7 @@ export const predefineThemeVars = [
       {
         label: '应用菜单字体颜色',
         value: '--ibiz-panel-app-header-horizontal-menu-color',
-        defaultValue: '--ibiz-panel-app-header-horizontal-menu-color',
+        defaultValue: '--ibiz-color-text-menu',
         labelLang: 'appMenuColor',
         descLang: 'appMenuColorDesc',
         className: 'ibiz-panel-app-header',
@@ -427,7 +427,7 @@ export const predefineThemeVars = [
       {
         label: '应用菜单悬浮字体色',
         value: '--ibiz-panel-app-header-horizontal-active-color',
-        defaultValue: '--ibiz-panel-app-header-horizontal-active-color',
+        defaultValue: '--ibiz-color-primary-active-text',
         labelLang: 'appMenuHoverColor',
         descLang: 'appMenuHoverColorDesc',
         className: 'ibiz-panel-app-header',
@@ -435,7 +435,7 @@ export const predefineThemeVars = [
       {
         label: '应用菜单悬浮背景色',
         value: '--ibiz-panel-app-header-horizontal-active-bg-color',
-        defaultValue: '--ibiz-panel-app-header-horizontal-active-bg-color',
+        defaultValue: '--ibiz-color-primary-active',
         labelLang: 'appMenuHoverBgColor',
         descLang: 'appMenuHoverBgColorDesc',
         className: 'ibiz-panel-app-header',
@@ -443,7 +443,7 @@ export const predefineThemeVars = [
       {
         label: '应用菜单选中字体色',
         value: '--ibiz-panel-app-header-horizontal-hover-color',
-        defaultValue: '--ibiz-panel-app-header-horizontal-hover-color',
+        defaultValue: '--ibiz-color-primary-hover-text',
         labelLang: 'appMenuActiveColor',
         descLang: 'appMenuActiveColorDesc',
         className: 'ibiz-panel-app-header',
@@ -451,7 +451,7 @@ export const predefineThemeVars = [
       {
         label: '应用菜单选中背景色',
         value: '--ibiz-panel-app-header-horizontal-hover-bg-color',
-        defaultValue: '--ibiz-panel-app-header-horizontal-hover-bg-color',
+        defaultValue: '--ibiz-color-primary-hover',
         labelLang: 'appMenuActiveBgColor',
         descLang: 'appMenuActiveBgColorDesc',
         className: 'ibiz-panel-app-header',
@@ -465,7 +465,7 @@ export const predefineThemeVars = [
       {
         label: '字体主要颜色',
         value: '--ibiz-panel-app-header-color',
-        defaultValue: '--ibiz-panel-app-header-color',
+        defaultValue: '--ibiz-color-primary-text',
         labelLang: 'mainColor',
         descLang: 'mainColorDesc',
         className: 'ibiz-panel-app-header',
@@ -473,7 +473,7 @@ export const predefineThemeVars = [
       {
         label: '字体次要颜色',
         value: '--ibiz-panel-app-header-color-1',
-        defaultValue: '--ibiz-panel-app-header-color-1',
+        defaultValue: '--ibiz-color-text-menu',
         labelLang: 'secondaryColor',
         descLang: 'secondaryColorDesc',
         className: 'ibiz-panel-app-header',
@@ -481,7 +481,7 @@ export const predefineThemeVars = [
       {
         label: '背景主要颜色',
         value: '--ibiz-panel-app-header-bg-color',
-        defaultValue: '--ibiz-panel-app-header-bg-color',
+        defaultValue: '--ibiz-color-primary',
         labelLang: 'mainBgColor',
         descLang: 'mainBgColorDesc',
         className: 'ibiz-panel-app-header',
@@ -489,7 +489,7 @@ export const predefineThemeVars = [
       {
         label: '背景次要颜色',
         value: '--ibiz-panel-app-header-bg-color-1',
-        defaultValue: '--ibiz-panel-app-header-bg-color-1',
+        defaultValue: '--ibiz-color-bg-5',
         labelLang: 'secondaryBgColor',
         descLang: 'secondaryBgColorDesc',
         className: 'ibiz-panel-app-header',
@@ -497,7 +497,7 @@ export const predefineThemeVars = [
       {
         label: '图标主要颜色',
         value: '--ibiz-panel-app-header-color-icon-0',
-        defaultValue: '--ibiz-panel-app-header-color-icon-0',
+        defaultValue: '--ibiz-color-icon-0',
         labelLang: 'iconMainColor',
         descLang: 'iconMainColorDesc',
         className: 'ibiz-panel-app-header',
@@ -505,7 +505,7 @@ export const predefineThemeVars = [
       {
         label: '图标次要颜色',
         value: '--ibiz-panel-app-header-color-icon-1',
-        defaultValue: '--ibiz-panel-app-header-color-icon-1',
+        defaultValue: '--ibiz-color-icon-1',
         labelLang: 'iconSecondaryColor',
         descLang: 'iconSecondaryColorDesc',
         className: 'ibiz-panel-app-header',
@@ -513,7 +513,7 @@ export const predefineThemeVars = [
       {
         label: '应用菜单字体颜色',
         value: '--ibiz-panel-app-header-menu-color',
-        defaultValue: '--ibiz-panel-app-header-menu-color',
+        defaultValue: '--ibiz-color-text-menu',
         labelLang: 'appMenuColor',
         descLang: 'appMenuColorDesc',
         className: 'ibiz-panel-app-header',
@@ -521,7 +521,7 @@ export const predefineThemeVars = [
       {
         label: '应用菜单悬浮字体色',
         value: '--ibiz-panel-app-header-active-color',
-        defaultValue: '--ibiz-panel-app-header-active-color',
+        defaultValue: '--ibiz-color-primary-active-text',
         labelLang: 'appMenuHoverColor',
         descLang: 'appMenuHoverColorDesc',
         className: 'ibiz-panel-app-header',
@@ -529,7 +529,7 @@ export const predefineThemeVars = [
       {
         label: '应用菜单悬浮背景色',
         value: '--ibiz-panel-app-header-active-bg-color',
-        defaultValue: '--ibiz-panel-app-header-active-bg-color',
+        defaultValue: '--ibiz-color-primary-active',
         labelLang: 'appMenuHoverBgColor',
         descLang: 'appMenuHoverBgColorDesc',
         className: 'ibiz-panel-app-header',
@@ -537,7 +537,7 @@ export const predefineThemeVars = [
       {
         label: '应用菜单选中字体色',
         value: '--ibiz-panel-app-header-hover-color',
-        defaultValue: '--ibiz-panel-app-header-hover-color',
+        defaultValue: '--ibiz-color-primary-hover-text',
         labelLang: 'appMenuActiveColor',
         descLang: 'appMenuActiveColorDesc',
         className: 'ibiz-panel-app-header',
@@ -545,7 +545,7 @@ export const predefineThemeVars = [
       {
         label: '应用菜单选中背景色',
         value: '--ibiz-panel-app-header-hover-bg-color',
-        defaultValue: '--ibiz-panel-app-header-hover-bg-color',
+        defaultValue: '--ibiz-color-primary-hover',
         labelLang: 'appMenuActiveBgColor',
         descLang: 'appMenuActiveBgColorDesc',
         className: 'ibiz-panel-app-header',
diff --git a/src/common/custom-theme/custom-theme.controller.ts b/src/common/custom-theme/custom-theme.controller.ts
index 9e4a0053f5c1b36321ca30fb7c72eb2497df6236..de9acd18269212fd3192111db773ade313755be3 100644
--- a/src/common/custom-theme/custom-theme.controller.ts
+++ b/src/common/custom-theme/custom-theme.controller.ts
@@ -189,10 +189,10 @@ export class CustomThemeController {
       // 有className时，需从className指定的元素上获取变量
       if (name.split(':').length === 2) {
         const className = name.split(':')[0];
-        varName = name.split(':')[1];
-        const element = document.getElementsByClassName(className)[0];
+        const element = document.getElementsByClassName(className)?.[0];
         if (element) {
           elt = element;
+          varName = name.split(':')[1];
         }
       }
       const styles = window.getComputedStyle(elt);
diff --git a/src/common/custom-theme/custom-theme.tsx b/src/common/custom-theme/custom-theme.tsx
index 046503dc0cbdf78132915fa28a4affe508281807..8488d2deb9199578365cabd939a1ea1b88098fcf 100644
--- a/src/common/custom-theme/custom-theme.tsx
+++ b/src/common/custom-theme/custom-theme.tsx
@@ -257,16 +257,16 @@ export const CustomTheme = defineComponent({
 
     // 预置颜色
     const predefineColors = ref([
-      'rgb(234, 247, 253)',
-      'rgb(202, 236, 252)',
-      'rgb(149, 216, 248)',
-      'rgb(97, 195, 245)',
-      'rgb(48, 172, 241)',
-      'rgb(0, 149, 238)',
-      'rgb(0, 123, 202)',
-      'rgb(0, 99, 167)',
-      'rgb(0, 75, 131)',
-      'rgb(0, 53, 95)',
+      'rgb(241, 4, 4)',
+      'rgb(242, 76, 4)',
+      'rgb(238, 153, 33)',
+      'rgb(98, 230, 10)',
+      'rgb(10, 230, 164)',
+      'rgb(3, 144, 245)',
+      'rgb(3, 7, 245)',
+      'rgb(108, 3, 245)',
+      'rgb(245, 3, 241)',
+      'rgb(245, 3, 92)',
     ]);
 
     /**