diff --git a/core/core-frontend/src/store/modules/appearance.ts b/core/core-frontend/src/store/modules/appearance.ts
index c4bdf001cf..31048a4e96 100644
--- a/core/core-frontend/src/store/modules/appearance.ts
+++ b/core/core-frontend/src/store/modules/appearance.ts
@@ -293,9 +293,7 @@ export const useAppearanceStore = defineStore('appearanceStore', {
         document.documentElement.style.setProperty('--van-blue', this.customColor)
         document.documentElement.style.setProperty(
           '--ed-color-primary_b50',
-          colorFunctions
-            .mix(new colorTree('ffffff'), new colorTree(this.customColor.substr(1)), { value: 90 })
-            .toRGB()
+          mixColor('ffffff', this.customColor, 90)
         )
         document.documentElement.style.setProperty(
           '--ed-color-primary-light-5',