diff --git a/apps/desktop/src-tauri/tauri.conf.json b/apps/desktop/src-tauri/tauri.conf.json
index da5657f..cb5bb80 100644
--- a/apps/desktop/src-tauri/tauri.conf.json
+++ b/apps/desktop/src-tauri/tauri.conf.json
@@ -24,7 +24,7 @@
 				"height": 600,
 				"transparent": true,
 				"windowEffects": {
-					"effects": ["sidebar"]
+					"effects": ["sidebar", "micaDark"]
 				},
 				"decorations": true
 			},
diff --git a/apps/desktop/src/routes/app/+page.svelte b/apps/desktop/src/routes/app/+page.svelte
index 08a718c..a73baef 100644
--- a/apps/desktop/src/routes/app/+page.svelte
+++ b/apps/desktop/src/routes/app/+page.svelte
@@ -41,6 +41,7 @@
 	import { ArrowBigUpIcon, CircleXIcon, EllipsisVerticalIcon, RefreshCcwIcon } from "lucide-svelte"
 	import { onMount } from "svelte"
 
+	const _platform = platform()
 	const win = getCurrentWindow()
 	let inputEle: HTMLInputElement | null = $state(null)
 	function onKeyDown(event: KeyboardEvent) {
@@ -95,7 +96,10 @@
 	}}
 />
 <Command.Root
-	class={cn("h-screen rounded-lg border bg-transparent shadow-md")}
+	class={cn("h-screen rounded-lg border border-none shadow-md", {
+		"bg-transparent": _platform === "macos",
+		"bg-background/50": _platform === "windows"
+	})}
 	bind:value={$appState.highlightedCmd}
 	shouldFilter={true}
 	loop
@@ -173,7 +177,7 @@
 							<RefreshCcwIcon class="mr-2 h-4 w-4 text-green-500" />
 							{m.home_command_input_dropdown_open_preference()}
 							<DropdownMenu.Shortcut>
-								{#if platform() === "macos"}
+								{#if _platform === "macos"}
 									<span class="flex items-center">⌘+Comma</span>
 								{:else}
 									<span class="flex items-center">Ctrl+Comma</span>
diff --git a/apps/desktop/src/routes/app/extension/store/+page.svelte b/apps/desktop/src/routes/app/extension/store/+page.svelte
index ae6f15d..39e457b 100644
--- a/apps/desktop/src/routes/app/extension/store/+page.svelte
+++ b/apps/desktop/src/routes/app/extension/store/+page.svelte
@@ -11,12 +11,15 @@
 	import { Constants } from "@kksh/ui"
 	import { ExtListItem } from "@kksh/ui/extension"
 	import { CustomCommandInput, GlobalCommandPaletteFooter } from "@kksh/ui/main"
+	import { cn } from "@kksh/ui/utils"
+	import { platform } from "@tauri-apps/plugin-os"
 	import { goto } from "$app/navigation"
 	import { ArrowLeft } from "lucide-svelte"
 	import type { Snippet } from "svelte"
 	import { toast } from "svelte-sonner"
 	import { getInstallExtras } from "./[identifier]/helper.js"
 
+	const _platform = platform()
 	let { data } = $props()
 	const { storeExtList, installedStoreExts, installedExtsMap, upgradableExpsMap } = data
 
@@ -85,13 +88,22 @@
 		variant="outline"
 		size="icon"
 		onclick={goHome}
-		class={Constants.CLASSNAMES.BACK_BUTTON}
+		class={cn(Constants.CLASSNAMES.BACK_BUTTON, {
+			"bg-background/50": _platform === "windows",
+			"bg-transparent": _platform === "macos"
+		})}
 		data-flip-id={Constants.CLASSNAMES.BACK_BUTTON}
 	>
 		<ArrowLeft class="size-4" />
 	</Button>
 {/snippet}
-<Command.Root class="h-screen rounded-lg border shadow-md" loop>
+<Command.Root
+	class={cn("h-screen rounded-lg shadow-md", {
+		"bg-transparent": _platform === "macos",
+		"bg-background/50": _platform === "windows"
+	})}
+	loop
+>
 	<CustomCommandInput
 		autofocus
 		placeholder="Type a command or search..."
diff --git a/packages/tauri-plugins/jarvis/permissions/autogenerated/reference.md b/packages/tauri-plugins/jarvis/permissions/autogenerated/reference.md
index 7020b75..19f9805 100644
--- a/packages/tauri-plugins/jarvis/permissions/autogenerated/reference.md
+++ b/packages/tauri-plugins/jarvis/permissions/autogenerated/reference.md
@@ -1,3 +1,4 @@
+
 ## Permission Table
 
 <table>
@@ -6,6 +7,7 @@
 <th>Description</th>
 </tr>
 
+
 <tr>
 <td>