From 288fb1dbda242e6d96b9007e9e1bdd63e528b3d5 Mon Sep 17 00:00:00 2001
From: Balaji Krishnamurthy <107975017+BKM14@users.noreply.github.com>
Date: Mon, 28 Oct 2024 18:44:39 +0530
Subject: [PATCH] Delete API key button now visible in light mode (#8094)

Closes #7179
The font color of the button has been set to use
`theme.font.color.danger`. This means that the color will be red
regardless of whether the theme is inverted or not, which was the issue
before.
Merge conflicts have been resolved.
---
 packages/twenty-ui/src/input/button/components/Button.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/twenty-ui/src/input/button/components/Button.tsx b/packages/twenty-ui/src/input/button/components/Button.tsx
index 6487178e4..a01a85012 100644
--- a/packages/twenty-ui/src/input/button/components/Button.tsx
+++ b/packages/twenty-ui/src/input/button/components/Button.tsx
@@ -286,9 +286,7 @@ const StyledButton = styled('button', {
                 : 'none'};
               opacity: ${disabled ? 0.24 : 1};
               color: ${!inverted
-                ? !disabled
-                  ? theme.font.color.danger
-                  : theme.color.red20
+                ? theme.font.color.danger
                 : theme.font.color.inverted};
               &:hover {
                 background: ${!inverted