From f2b4002d4056f47942277f79cc24dcaf7fe4001d Mon Sep 17 00:00:00 2001
From: Nicholas Chiang <nicholas.h.chiang@gmail.com>
Date: Fri, 11 Aug 2023 18:56:27 -0600
Subject: [PATCH] fix(button): keep transparent color in dark mode

This patch updates the `<Button>` component to keep the same transparent
color when in dark mode that is used in light mode. This variant is only
ever used on top of already colorful content (e.g. images or videos) and
thus switching the background color in dark mode doesn't make sense.
---
 app/components/ui/button.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/components/ui/button.tsx b/app/components/ui/button.tsx
index 81cfca16..6c4d1d7a 100644
--- a/app/components/ui/button.tsx
+++ b/app/components/ui/button.tsx
@@ -11,8 +11,7 @@ const buttonVariants = cva(
       variant: {
         default:
           'bg-gray-900 text-gray-50 shadow hover:bg-gray-900/90 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-50/90',
-        transparent:
-          'bg-gray-900/40 text-gray-50 hover:bg-gray-900/50 dark:bg-gray-50/40 dark:text-gray-900 dark:hover:bg-gray-50/50',
+        transparent: 'bg-gray-900/40 text-gray-50 hover:bg-gray-900/50',
         destructive:
           'bg-red-500 text-gray-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-red-50 dark:hover:bg-red-900/90',
         outline: