Fix icon buttons for light/dark mode compatibility

Gerome-Elassaad · Gerome-Elassaad · commit fc4564aec5cd · 2025-12-04T19:24:58.000+11:00
- Add dark:invert class to Netlify and Cloudflare SVG icons in PreviewHeader
- Add dark:invert class to Netlify and Cloudflare SVG icons in DeployDialog
- Vercel icons already had dark:invert class
- All deployment platform icons now properly adapt to light/dark themes
diff --git a/app/components/workbench/DeployDialog.tsx b/app/components/workbench/DeployDialog.tsx
@@ -97,7 +97,7 @@ export function DeployDialog({ isOpen, onClose }: DeployDialogProps) {
                   <div className="i-svg-spinners:90-ring-with-bg w-8 h-8" />
                 ) : (
                   <svg
-                    className="w-8 h-8"
+                    className="w-8 h-8 dark:invert"
                     width="800px"
                     height="800px"
                     viewBox="0 0 40 40"
@@ -186,7 +186,7 @@ export function DeployDialog({ isOpen, onClose }: DeployDialogProps) {
                   <div className="i-svg-spinners:90-ring-with-bg w-8 h-8" />
                 ) : (
                   <svg
-                    className="w-8 h-8"
+                    className="w-8 h-8 dark:invert"
                     xmlns="http://www.w3.org/2000/svg"
                     role="img"
                     viewBox="0 0 460 271.2"
diff --git a/app/components/workbench/PreviewHeader.tsx b/app/components/workbench/PreviewHeader.tsx
@@ -263,7 +263,7 @@ export const PreviewHeader = memo(
                   <div className="i-svg-spinners:90-ring-with-bg w-4 h-4" />
                 ) : (
                   <svg
-                    className="w-4 h-4"
+                    className="w-4 h-4 dark:invert"
                     width="800px"
                     height="800px"
                     viewBox="0 0 40 40"
@@ -301,7 +301,7 @@ export const PreviewHeader = memo(
                   <div className="i-svg-spinners:90-ring-with-bg w-4 h-4" />
                 ) : (
                   <svg
-                    className="w-4 h-4"
+                    className="w-4 h-4 dark:invert"
                     xmlns="http://www.w3.org/2000/svg"
                     role="img"
                     viewBox="0 0 460 271.2"
