diff --git a/web-app/src/app/layout/basic/basic.component.ts b/web-app/src/app/layout/basic/basic.component.ts
index 13e7ebd..e70a178 100644
--- a/web-app/src/app/layout/basic/basic.component.ts
+++ b/web-app/src/app/layout/basic/basic.component.ts
@@ -69,7 +69,13 @@ import { environment } from '@env/environment';
     </layout-default>
 
     <setting-drawer *ngIf="showSettingDrawer"></setting-drawer>
-    <theme-btn></theme-btn>
+    <theme-btn
+      [types]="[
+        { key: 'default', text: '浅色主题' },
+        { key: 'dark', text: '深色主题' },
+        { key: 'compact', text: '紧凑主题' }
+      ]"
+    ></theme-btn>
   `
 })
 export class LayoutBasicComponent {