diff --git a/src/components/Settings/components/Appearance.vue b/src/components/Settings/components/Appearance.vue index 5db40650..bc55ff29 100644 --- a/src/components/Settings/components/Appearance.vue +++ b/src/components/Settings/components/Appearance.vue @@ -25,9 +25,6 @@ const themeColorOptions = computed>(() => { '#fda4af', ] }) -// const bilibiliEvolvedThemeColor = computed(() => { -// return getComputedStyle(document.querySelector('html') as HTMLElement).getPropertyValue('--theme-color').trim() ?? '#00a1d6' -// }) const wallpapers = computed>(() => { return [ { @@ -74,6 +71,12 @@ function changeThemeColor(color: string) { } function changeWallpaper(url: string) { + // If you had already set the wallpaper, it enables the wallpaper masking to prevent text hard to see + if (url) + settings.value.enableWallpaperMasking = true + else + settings.value.enableWallpaperMasking = false + settings.value.wallpaper = url } @@ -100,22 +103,6 @@ function changeWallpaper(url: string) { /> - - diff --git a/src/logic/storage.ts b/src/logic/storage.ts index 636c8bea..5ad467d6 100644 --- a/src/logic/storage.ts +++ b/src/logic/storage.ts @@ -77,7 +77,7 @@ export const settings = useStorageLocal('settings', ref({ searchPageWallpaperMode: 'buildIn', searchPageWallpaper: '', searchPageEnableWallpaperMasking: false, - searchPageWallpaperMaskOpacity: 0, + searchPageWallpaperMaskOpacity: 0.6, searchPageWallpaperBlurIntensity: 0, recommendationMode: 'web',