diff --git a/docs/.vitepress/theme/components/ColorPicker.vue b/docs/.vitepress/theme/components/ColorPicker.vue index a4102dace..61814b1a0 100644 --- a/docs/.vitepress/theme/components/ColorPicker.vue +++ b/docs/.vitepress/theme/components/ColorPicker.vue @@ -117,8 +117,8 @@ const generateThemeFromColor = (colorName: ColorNames): Theme => { }, home: { heroNameColor: 'transparent', - heroNameBackground: '-webkit-linear-gradient(120deg, #c4b5fd 30%, #7bc5e4)', - heroImageBackground: 'linear-gradient(-45deg, #c4b5fd 50%, #47caff 50%)', + heroNameBackground: `-webkit-linear-gradient(120deg, ${colorSet[400]} 30%, ${colorSet[500]})`, + heroImageBackground: `linear-gradient(-45deg, ${colorSet[400]} 50%, ${colorSet[500]} 50%)`, heroImageFilter: 'blur(44px)' } }, @@ -182,8 +182,8 @@ const generateThemeFromColor = (colorName: ColorNames): Theme => { }, home: { heroNameColor: 'transparent', - heroNameBackground: '-webkit-linear-gradient(120deg, #c4b5fd 30%, #7bc5e4)', - heroImageBackground: 'linear-gradient(-45deg, #c4b5fd 50%, #47caff 50%)', + heroNameBackground: `-webkit-linear-gradient(120deg, ${colorSet[400]} 30%, ${colorSet[500]})`, + heroImageBackground: `linear-gradient(-45deg, ${colorSet[400]} 50%, ${colorSet[500]} 50%)`, heroImageFilter: 'blur(44px)' } } diff --git a/docs/.vitepress/theme/components/ThemeSelector.vue b/docs/.vitepress/theme/components/ThemeSelector.vue index 5bcda29bf..1653f3d27 100644 --- a/docs/.vitepress/theme/components/ThemeSelector.vue +++ b/docs/.vitepress/theme/components/ThemeSelector.vue @@ -39,6 +39,7 @@ const currentDisplayName = computed(() => {