From f6371456daa2fb916a0683faa62f9939709cca85 Mon Sep 17 00:00:00 2001
From: Kevin Kipp <kkipp@cloudflare.com>
Date: Wed, 18 Dec 2024 09:29:39 -0600
Subject: [PATCH] Fix buttons

---
 app/components/AiButton.tsx |  4 ++--
 app/components/Button.tsx   | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/components/AiButton.tsx b/app/components/AiButton.tsx
index ba0fac96..7b9ec813 100644
--- a/app/components/AiButton.tsx
+++ b/app/components/AiButton.tsx
@@ -17,8 +17,8 @@ function RemoveAiButton() {
 					JSON.stringify({ type: 'disableAi' } satisfies ClientMessage)
 				)
 			}
-			className="text-xs text-zinc-800"
-			displayType="ghost"
+			className="text-xs"
+			displayType="secondary"
 		>
 			Remove AI
 		</Button>
diff --git a/app/components/Button.tsx b/app/components/Button.tsx
index bf23a20c..c23ae586 100644
--- a/app/components/Button.tsx
+++ b/app/components/Button.tsx
@@ -6,12 +6,12 @@ import { cn } from '~/utils/style'
 const displayTypeMap = {
 	primary: [
 		'text-white',
-		'bg-orange-500 hover:bg-orange-600',
-		'border-orange-500 hover:border-orange-600',
+		'bg-orange-500 hover:bg-orange-600 active:bg-orange-700 active:bg-orange-800',
+		'border-orange-500 hover:border-orange-600 active:border-orange-700 active:border-orange-800',
 	],
 	secondary: [
 		'text-zinc-900 dark:text-zinc-100',
-		'bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600',
+		'bg-zinc-200 hover:bg-zinc-300 dark:bg-zinc-700 dark:hover:bg-zinc-600 active:bg-zinc-400 dark:active:bg-zinc-700',
 		'border-zinc-200 hover:border-zinc-300 dark:border-zinc-700 dark:hover:border-zinc-600',
 	],
 	ghost: [
@@ -21,8 +21,8 @@ const displayTypeMap = {
 	],
 	danger: [
 		'text-white',
-		'bg-red-600 hover:bg-red-700',
-		'border-red-600 hover:border-red-700',
+		'bg-red-600 hover:bg-red-700 active:bg-red-800',
+		'border-red-600 hover:border-red-700 active:border-red-800',
 	],
 }