diff --git a/src/features/app-detail/AppDetail.tsx b/src/features/app-detail/AppDetail.tsx
index 0bda324..a9aed0c 100644
--- a/src/features/app-detail/AppDetail.tsx
+++ b/src/features/app-detail/AppDetail.tsx
@@ -162,7 +162,7 @@ const AppDetail: Component = () => {
                 )}
                 <Dialog open={showCollectionDialog()} onOpenChange={setShowCollectionDialog}>
                   <DialogTrigger>
-                    <Button variant="outline" size="lg" class='w-full'>收藏</Button>
+                    <Button variant="secondary" size="lg" class='w-full'>收藏</Button>
                   </DialogTrigger>
                   <DialogContent>
                     <DialogHeader>
@@ -185,7 +185,7 @@ const AppDetail: Component = () => {
                           <Label for={`collection-${collection.id}-input`}>{collection.name}</Label>
                         </div>
                       ))}
-                      <Button variant="outline" onClick={() => setShowNewCollectionDialog(true)}>创建新收藏单</Button>
+                      <Button variant="secondary" onClick={() => setShowNewCollectionDialog(true)}>创建新收藏单</Button>
                       <Button onClick={() => {
                         const selected = selectedCollections();
                         addAppToCollections(selected, params.category, params.pkgname);
@@ -198,7 +198,7 @@ const AppDetail: Component = () => {
                 </Dialog>
                 <DropdownMenu>
                   <DropdownMenuTrigger>
-                    <Button variant="outline" size="lg" class='w-full'>分享</Button>
+                    <Button variant="secondary" size="lg" class='w-full'>分享</Button>
                   </DropdownMenuTrigger>
                   <DropdownMenuContent>
                     <DropdownMenuLabel>分享应用</DropdownMenuLabel>