diff --git a/src/store/app.ts b/src/store/app.ts index ba671e6..80f88de 100644 --- a/src/store/app.ts +++ b/src/store/app.ts @@ -25,7 +25,7 @@ export const useAppStore = defineStore('app', { generateRandomThemes: false, themes: AppThemes as AppTheme[], bodyClass: { - blur: false, + blur: true, 'no-transition': false, 'show-framerate': false, 'only-ui': false diff --git a/src/style/index.styl b/src/style/index.styl index e5f6405..50d29c3 100644 --- a/src/style/index.styl +++ b/src/style/index.styl @@ -15,7 +15,7 @@ --glass-bg-active: rgba(255, 255, 255, 0.14) --glass-border: rgba(255, 255, 255, 0.12) --glass-border-active: rgba(255, 255, 255, 0.3) - --glass-blur: blur(20px) saturate(180%) + --glass-blur: none --glass-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) --glass-glow: 0 0 16px rgba(255, 255, 255, 0.35) --gap: 12px @@ -36,8 +36,7 @@ #app &.blur - .active-interface - backdrop-filter blur(10px) + --glass-blur: blur(20px) saturate(180%) &.no-transition * animation-duration 0.01ms !important