From fbcae59ef57f28cc51956ca47c0838298b24e79c Mon Sep 17 00:00:00 2001
From: Utkarsh Patil <73941998+UtkarshUsername@users.noreply.github.com>
Date: Mon, 10 Aug 2026 15:48:54 +0530
Subject: [PATCH] fix(web): use import/export-appropriate icons for theme
 buttons (#5964)

---
 apps/web/src/components/settings/ThemeImportDialog.tsx | 4 ++--
 apps/web/src/components/settings/ThemeSettings.tsx     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/settings/ThemeImportDialog.tsx b/apps/web/src/components/settings/ThemeImportDialog.tsx
index a74842acac3e2c90c7581161de1eb0798795a77c..be0de13c645a945dca1f74e2bb1dc7ca0e4ffeea 100644
--- a/apps/web/src/components/settings/ThemeImportDialog.tsx
+++ b/apps/web/src/components/settings/ThemeImportDialog.tsx
@@ -1,4 +1,4 @@
-import { PlusIcon, UploadIcon } from "lucide-react";
+import { DownloadIcon, PlusIcon } from "lucide-react";
 import type { ChangeEvent, DragEvent, UIEvent } from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { cn } from "../../lib/utils";
@@ -456,7 +456,7 @@ export function ThemeImportDialog({
             );
             const chooseButton = (label = "Choose files") => (
               <Button disabled={isReading} size="sm" variant="outline" onClick={openFilePicker}>
-                <UploadIcon />
+                <DownloadIcon />
                 {isReading ? "Reading…" : label}
               </Button>
             );
diff --git a/apps/web/src/components/settings/ThemeSettings.tsx b/apps/web/src/components/settings/ThemeSettings.tsx
index c289b1c1607e025f5c093eb53a75fd1ffbdcac1f..02897205e03a6813e6203b14d8e2a8ec59632d04 100644
--- a/apps/web/src/components/settings/ThemeSettings.tsx
+++ b/apps/web/src/components/settings/ThemeSettings.tsx
@@ -183,7 +183,7 @@ function ThemeLibraryCard({
                               onDownload();
                             }}
                           >
-                            <DownloadIcon />
+                            <UploadIcon />
                           </Button>
                         }
                       />
@@ -570,7 +570,7 @@ export function ThemeLibrary({
             Create theme
           </Button>
           <Button size="xs" variant="outline" onClick={() => onImportOpenChange(true)}>
-            <UploadIcon />
+            <DownloadIcon />
             Import theme
           </Button>
         </div>
-- 
2.54.0