From fdf9651c8096269bfdeb1960d8cd00731151cbe3 Mon Sep 17 00:00:00 2001
From: Tuomas Kuosmanen <tuomas.kuosmanen@gmail.com>
Date: Wed, 24 Dec 2025 13:50:08 +0000
Subject: [PATCH 1/2] remove borders of add-buttons for more zen

---
 .../tables/config-item-table/config-item-table.tsx          | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/tables/config-item-table/config-item-table.tsx b/frontend/src/components/tables/config-item-table/config-item-table.tsx
index acf58ae92..2abdd9172 100644
--- a/frontend/src/components/tables/config-item-table/config-item-table.tsx
+++ b/frontend/src/components/tables/config-item-table/config-item-table.tsx
@@ -338,15 +338,13 @@ export function ConfigItemTable<TValue>({
         )}
         <div className="flex justify-start gap-2">
           <Button
-            variant={"outline"}
-            className="border-pink-600 text-pink-600 hover:bg-pink-600 hover:text-white"
+            className="bg-pink-600 dark:bg-pink-900 text-white hover:bg-pink-600 dark:hover:bg-pink-700"
             onClick={handleAddOutputConfig}
           >
             {t("ConfigList.Actions.OutputConfigItem.Add")}
           </Button>
           <Button
-            variant={"outline"}
-            className="border-teal-600 text-teal-600 hover:bg-teal-600 hover:text-white"
+            className="bg-teal-600 dark:bg-teal-900 text-white hover:bg-teal-600 dark:hover:bg-teal-700"
             onClick={handleAddInputConfig}
           >
             {t("ConfigList.Actions.InputConfigItem.Add")}

From 2242ea11e2242985a68ec3f4d848328744b9d018 Mon Sep 17 00:00:00 2001
From: Tuomas Kuosmanen <tuomas.kuosmanen@gmail.com>
Date: Wed, 24 Dec 2025 20:51:35 +0000
Subject: [PATCH 2/2] oops, lets make light mode hover color lighten up for
 consistency too.

---
 .../components/tables/config-item-table/config-item-table.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/tables/config-item-table/config-item-table.tsx b/frontend/src/components/tables/config-item-table/config-item-table.tsx
index 2abdd9172..e46ab8f77 100644
--- a/frontend/src/components/tables/config-item-table/config-item-table.tsx
+++ b/frontend/src/components/tables/config-item-table/config-item-table.tsx
@@ -338,13 +338,13 @@ export function ConfigItemTable<TValue>({
         )}
         <div className="flex justify-start gap-2">
           <Button
-            className="bg-pink-600 dark:bg-pink-900 text-white hover:bg-pink-600 dark:hover:bg-pink-700"
+            className="bg-pink-600 dark:bg-pink-900 text-white hover:bg-pink-500 dark:hover:bg-pink-700"
             onClick={handleAddOutputConfig}
           >
             {t("ConfigList.Actions.OutputConfigItem.Add")}
           </Button>
           <Button
-            className="bg-teal-600 dark:bg-teal-900 text-white hover:bg-teal-600 dark:hover:bg-teal-700"
+            className="bg-teal-600 dark:bg-teal-900 text-white hover:bg-teal-500 dark:hover:bg-teal-700"
             onClick={handleAddInputConfig}
           >
             {t("ConfigList.Actions.InputConfigItem.Add")}