From 02f4ce566711e7989e10c2b937c2655ef19188ff Mon Sep 17 00:00:00 2001
From: Utkarsh Patil <73941998+UtkarshUsername@users.noreply.github.com>
Date: Sun, 9 Aug 2026 23:34:34 +0530
Subject: [PATCH] fix(web): match create theme and import theme buttons to the
 standard outline style (#5860)

---
 apps/web/src/components/settings/ThemeSettings.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/settings/ThemeSettings.tsx b/apps/web/src/components/settings/ThemeSettings.tsx
index 4eb7904508c98d607661147294f561ff259480cd..c289b1c1607e025f5c093eb53a75fd1ffbdcac1f 100644
--- a/apps/web/src/components/settings/ThemeSettings.tsx
+++ b/apps/web/src/components/settings/ThemeSettings.tsx
@@ -555,9 +555,8 @@ export function ThemeLibrary({
         <h3 className="text-sm font-medium tracking-[-0.005em] text-foreground">Themes</h3>
         <div className="flex flex-wrap items-center justify-end gap-3">
           <Button
-            className="h-7 rounded-md border border-border/70 bg-muted/30 px-2 text-xs font-medium text-foreground shadow-none hover:bg-accent/40"
             size="xs"
-            variant="ghost"
+            variant="outline"
             onClick={() =>
               openThemeEditor({
                 editingThemeId: null,
@@ -570,7 +569,7 @@ export function ThemeLibrary({
             <PlusIcon />
             Create theme
           </Button>
-          <Button size="xs" variant="ghost" onClick={() => onImportOpenChange(true)}>
+          <Button size="xs" variant="outline" onClick={() => onImportOpenChange(true)}>
             <UploadIcon />
             Import theme
           </Button>
-- 
2.54.0