diff --git a/components/i/Aside.vue b/components/i/Aside.vue
index 88c880587c7b2b5acc49c31ec525bd124bc7aece..7241b4dc8df153f88ab7e1a98b4589c81e917be2 100644
--- a/components/i/Aside.vue
+++ b/components/i/Aside.vue
@@ -1,8 +1,24 @@
 <template>
     <div class="flex-grow bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800">
-        <h1>GitBot</h1>
+        <div class="p-2 flex flex-col">
+            <ILogo />
+            <UButton
+                class="flex w-full mt-4"
+                color="gray"
+                leading-icon="i-heroicons-plus-20-solid"
+            >
+                <div class="flex flex-grow justify-between items-center">
+                    <span>新主题</span>
+                    <div class="space-x-1">
+                        <UKbd>⌘</UKbd>
+                        <UKbd>K</UKbd>
+                    </div>
+                </div>
+            </UButton>
+        </div>
     </div>
-    <div class="h-16 bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 flex items-center justify-center">
+    <UDivider />
+    <div class="p-4 bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 flex flex-col items-center justify-center">
         <UButton
             :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
             color="white"
diff --git a/components/i/Logo.vue b/components/i/Logo.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6f3418b9768ce55f0437bf57dd7bd1e7a6c2a41b
--- /dev/null
+++ b/components/i/Logo.vue
@@ -0,0 +1,5 @@
+<template>
+    <div class="flex justify-center">
+        <div class="font-mono text-2xl font-medium">GitBot.AI</div>
+    </div>
+</template>
\ No newline at end of file