From c5a5d812f9c8c14824cd1efe45023a269d055bf5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= <nemile.re@gmail.com>
Date: Wed, 10 Dec 2025 14:02:56 +0100
Subject: [PATCH] Update grant buttons variant
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Émile Ré <nemile.re@gmail.com>
---
 .../TrustCenterAccessTab/TrustCenterDocumentAccessList.tsx   | 4 ++--
 packages/ui/src/Atoms/Button/Button.tsx                      | 4 +---
 packages/ui/src/theme.css                                    | 5 -----
 3 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/apps/console/src/pages/organizations/trustCenter/TrustCenterAccessTab/TrustCenterDocumentAccessList.tsx b/apps/console/src/pages/organizations/trustCenter/TrustCenterAccessTab/TrustCenterDocumentAccessList.tsx
index b6afaaaa3..f383fc237 100644
--- a/apps/console/src/pages/organizations/trustCenter/TrustCenterAccessTab/TrustCenterDocumentAccessList.tsx
+++ b/apps/console/src/pages/organizations/trustCenter/TrustCenterAccessTab/TrustCenterDocumentAccessList.tsx
@@ -29,7 +29,7 @@ export function TrustCenterDocumentAccessList(props: TrustCenterDocumentAccessLi
           {showGrantCTA &&
             <Button
               type="button"
-              variant="success"
+              variant="quaternary"
               onClick={onGrantAll}
               className="text-xs h-7 min-h-7"
             >
@@ -93,7 +93,7 @@ export function TrustCenterDocumentAccessList(props: TrustCenterDocumentAccessLi
                       {docAccess.status !== "GRANTED" &&
                         <Button
                           type="button"
-                          variant="success"
+                          variant="quaternary"
                           onClick={() => onUpdateStatus(docAccess, "GRANTED")}
                           className="text-xs h-7 min-h-7"
                         >
diff --git a/packages/ui/src/Atoms/Button/Button.tsx b/packages/ui/src/Atoms/Button/Button.tsx
index 58c4c183b..702aabc07 100644
--- a/packages/ui/src/Atoms/Button/Button.tsx
+++ b/packages/ui/src/Atoms/Button/Button.tsx
@@ -21,7 +21,6 @@ export const button = tv({
             quaternary:
                 "bg-highlight text-txt-primary hover:bg-highlight-hover active:bg-highlight-pressed",
             danger: "bg-danger-plain text-txt-invert hover:bg-danger-hover shadow-base hover:shadow-hover active:bg-danger-pressed border border-border-danger",
-            success: "bg-success-plain text-txt-invert hover:text-invert hover:bg-success-hover shadow-base hover:shadow-hover active:bg-success-pressed border border-border-success",
         },
         disabled: {
             true: "opacity-60 cursor-default",
@@ -48,8 +47,7 @@ type Props = PropsWithChildren<
             | "secondary"
             | "tertiary"
             | "quaternary"
-            | "danger"
-            | "success";
+            | "danger";
         to?: string;
         asChild?: boolean;
     } & VariantProps<typeof button>
diff --git a/packages/ui/src/theme.css b/packages/ui/src/theme.css
index a5305c2bf..a9e90b21c 100644
--- a/packages/ui/src/theme.css
+++ b/packages/ui/src/theme.css
@@ -61,7 +61,6 @@
     --color-subtle-hover: #0027000d;
     --color-highlight-hover: #022a0213;
     --color-accent-hover: #1e2c1c;
-    --color-success-hover: #1e2c1c;
     --color-active-hover: #d7f2b0;
     --color-danger-hover: #cf393f;
 
@@ -73,7 +72,6 @@
     --color-subtle-pressed: #022a0213;
     --color-highlight-pressed: #02210219;
     --color-accent-pressed: #293a25;
-    --color-success-pressed: #293a25;
     --color-active-pressed: #c9e894;
     --color-danger-pressed: #c6373c;
 
@@ -199,7 +197,6 @@
         --color-highlight: rgba(214, 251, 196, 0.06);
         --color-active: rgba(239, 254, 226, 0.08);
         --color-accent: #c4f042;
-        --color-success-plain: #c4f042;
         --color-danger: rgba(254, 58, 61, 0.13);
         --color-danger-plain: rgba(254, 58, 61, 0.13);
         --color-danger-dark: rgba(255, 89, 95, 0.94);
@@ -228,7 +225,6 @@
         --color-subtle-hover: rgba(214, 251, 196, 0.06);
         --color-highlight-hover: rgba(233, 254, 223, 0.1);
         --color-accent-hover: rgba(183, 255, 50, 0.82);
-        --color-success-hover: rgba(183, 255, 50, 0.82);
         --color-active-hover: rgba(233, 254, 223, 0.1);
         --color-danger-hover: rgba(254, 58, 61, 0.7);
 
@@ -240,7 +236,6 @@
         --color-subtle-pressed: rgba(239, 254, 226, 0.08);
         --color-highlight-pressed: rgba(236, 254, 229, 0.13);
         --color-accent-pressed: rgba(209, 255, 70, 0.94);
-        --color-success-pressed: rgba(209, 255, 70, 0.94);
         --color-active-pressed: rgba(236, 254, 229, 0.13);
         --color-danger-pressed: rgba(254, 58, 61, 0.5);
     }