From 716f6799140cf3b94d569d5b8ad9173d27b6ee91 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Mon, 11 Mar 2024 09:41:09 +0000
Subject: [PATCH] feat(electron): mica styles for windows (#5802)

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/1b59f076-fc43-42a0-899d-007aeb16a4d6.png)
---
 .../frontend/core/src/components/affine/app-container.tsx   | 4 +---
 .../setting-modal/general-setting/appearance/index.tsx      | 4 ++--
 .../frontend/core/src/components/root-app-sidebar/index.tsx | 6 +-----
 packages/frontend/electron/src/main/main-window.ts          | 1 +
 4 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/packages/frontend/core/src/components/affine/app-container.tsx b/packages/frontend/core/src/components/affine/app-container.tsx
index d680931ad9..563c753545 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 5988c8e15b..bfafc6e725 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 67197e60ee..75a4fc9f8e 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 18df5a1b41..aaf5c182b6 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: {