From 2e427b33e28adc241c2c4ca9a6b23102004ecea5 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 8 Jun 2024 01:11:37 -0300
Subject: [PATCH] add danger style to button

---
 src/renderer/src/components/button/button.css.ts     | 12 ++++++++++++
 .../pages/game-details/modals/game-options-modal.tsx |  4 ++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/button/button.css.ts b/src/renderer/src/components/button/button.css.ts
index e342b2e9..1b59c697 100644
--- a/src/renderer/src/components/button/button.css.ts
+++ b/src/renderer/src/components/button/button.css.ts
@@ -55,4 +55,16 @@ export const button = styleVariants({
       color: "#c0c1c7",
     },
   ],
+  danger: [
+    base,
+    {
+      border: `solid 1px #a31533`,
+      backgroundColor: "transparent",
+      color: "white",
+      ":hover": {
+        backgroundColor: "#a31533",
+        color: "white",
+      },
+    },
+  ],
 });
diff --git a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
index 73b49417..acb2afdb 100644
--- a/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
+++ b/src/renderer/src/pages/game-details/modals/game-options-modal.tsx
@@ -174,7 +174,7 @@ export function GameOptionsModal({
             <Button
               onClick={() => setShowRemoveGameModal(true)}
               style={{ alignSelf: "flex-end" }}
-              theme="outline"
+              theme="danger"
               disabled={deleting}
             >
               {t("remove_from_library")}
@@ -184,7 +184,7 @@ export function GameOptionsModal({
                 setShowDeleteModal(true);
               }}
               style={{ alignSelf: "flex-end" }}
-              theme="outline"
+              theme="danger"
               disabled={isGameDownloading || deleting || !game.downloadPath}
             >
               {t("remove_files")}