diff --git a/packages/frontend/core/src/components/affine/app-container.tsx b/packages/frontend/core/src/components/affine/app-container.tsx
index d680931ad..563c75354 100644
--- a/packages/frontend/core/src/components/affine/app-container.tsx
+++ b/packages/frontend/core/src/components/affine/app-container.tsx
@@ -11,9 +11,7 @@ export const AppContainer = (props: WorkspaceRootProps) => {
     <AppContainerWithoutSettings
       useNoisyBackground={appSettings.enableNoisyBackground}
       useBlurBackground={
-        appSettings.enableBlurBackground &&
-        environment.isDesktop &&
-        environment.isMacOs
+        appSettings.enableBlurBackground && environment.isDesktop
       }
       {...props}
     />
diff --git a/packages/frontend/core/src/components/affine/setting-modal/general-setting/appearance/index.tsx b/packages/frontend/core/src/components/affine/setting-modal/general-setting/appearance/index.tsx
index 5988c8e15..bfafc6e72 100644
--- a/packages/frontend/core/src/components/affine/setting-modal/general-setting/appearance/index.tsx
+++ b/packages/frontend/core/src/components/affine/setting-modal/general-setting/appearance/index.tsx
@@ -211,7 +211,7 @@ export const AppearanceSettings = () => {
               }
             />
           </SettingRow>
-          {environment.isMacOs && (
+          {
             <SettingRow
               name={t['com.affine.appearanceSettings.translucentUI.title']()}
               desc={t[
@@ -225,7 +225,7 @@ export const AppearanceSettings = () => {
                 }
               />
             </SettingRow>
-          )}
+          }
         </SettingWrapper>
       ) : null}
     </>
diff --git a/packages/frontend/core/src/components/root-app-sidebar/index.tsx b/packages/frontend/core/src/components/root-app-sidebar/index.tsx
index 67197e60e..75a4fc9f8 100644
--- a/packages/frontend/core/src/components/root-app-sidebar/index.tsx
+++ b/packages/frontend/core/src/components/root-app-sidebar/index.tsx
@@ -178,11 +178,7 @@ export const RootAppSidebar = ({
   return (
     <AppSidebar
       hasBackground={
-        !(
-          appSettings.enableBlurBackground &&
-          environment.isDesktop &&
-          environment.isMacOs
-        )
+        !(appSettings.enableBlurBackground && environment.isDesktop)
       }
     >
       <MoveToTrash.ConfirmModal
diff --git a/packages/frontend/electron/src/main/main-window.ts b/packages/frontend/electron/src/main/main-window.ts
index 18df5a1b4..aaf5c182b 100644
--- a/packages/frontend/electron/src/main/main-window.ts
+++ b/packages/frontend/electron/src/main/main-window.ts
@@ -54,6 +54,7 @@ async function createWindow(additionalArguments: string[]) {
     minHeight: 480,
     visualEffectState: 'active',
     vibrancy: 'under-window',
+    backgroundMaterial: 'mica',
     height: mainWindowState.height,
     show: false, // Use 'ready-to-show' event to show window
     webPreferences: {