[ui]: set settings window to apply mica materia

server/html/webview2/settings/style.css

@@ -6,7 +6,7 @@
   --item-active-hover: rgba(255, 255, 255, 0.06);
   --text-color: #f3f3f3;
   --border-color: rgba(255, 255, 255, 0.08);
-  --card-bg: rgba(38, 38, 38, 0.8);
+  --card-bg: rgba(38, 38, 38, 0.5);
   --titlebar-height: 32px;
 }
 
@@ -24,7 +24,8 @@ body {
   width: 100vw;
   color: var(--text-color);
   /* background: var(--bg-color); */
-  background: #202020;
+  /* background: #202020; */
+  background: transparent;
   /* backdrop-filter: blur(20px) saturate(160%); */
   -webkit-backdrop-filter: blur(20px) saturate(160%);
   /* overflow: hidden; */

server/src/window/ime_windows.cpp

@@ -194,6 +194,11 @@ int CreateCandidateWindow(HINSTANCE hInstance)
     ::global_hwnd_settings = hwnd_settings;
     BOOL cloak = TRUE;
     DwmSetWindowAttribute(hwnd_settings, DWMWA_CLOAK, &cloak, sizeof(cloak));
+    /* 设置标题栏和窗口区域为 mica 材质 */
+    MARGINS margins = {-1};
+    DwmExtendFrameIntoClientArea(hwnd_settings, &margins);
+    DWM_SYSTEMBACKDROP_TYPE backdrop = DWMSBT_MAINWINDOW; // Mica 背景类型
+    DwmSetWindowAttribute(hwnd_settings, DWMWA_SYSTEMBACKDROP_TYPE, &backdrop, sizeof(backdrop));
 
     //
     // floating toolbar 窗口