From d5ba0a946b7da7d9f7e2e91acc5744edf8a949e4 Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Mon, 5 Jan 2026 11:01:40 +0530
Subject: [PATCH] chore: Update slate button icon color

---
 .../components-next/button/Button.vue         | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/app/javascript/dashboard/components-next/button/Button.vue b/app/javascript/dashboard/components-next/button/Button.vue
index b9e5d7a1d..755421d7c 100644
--- a/app/javascript/dashboard/components-next/button/Button.vue
+++ b/app/javascript/dashboard/components-next/button/Button.vue
@@ -154,13 +154,6 @@ const STYLE_CONFIG = {
         'text-n-teal-9 hover:enabled:bg-n-alpha-2 focus-visible:bg-n-alpha-2 outline-transparent',
     },
   },
-  iconColor: {
-    blue: 'text-n-blue-11',
-    ruby: 'text-n-ruby-11',
-    amber: 'text-n-amber-11',
-    slate: 'text-n-slate-11',
-    teal: 'text-n-teal-11',
-  },
   sizes: {
     regular: {
       xs: 'h-6 px-2 rounded-lg',
@@ -241,6 +234,12 @@ const animationClasses = computed(() => {
     ? ''
     : STYLE_CONFIG.clickAnimation[computedSize.value];
 });
+
+const iconClasses = computed(() => {
+  return computedColor.value === 'slate' && !isIconOnly.value
+    ? 'text-n-slate-11'
+    : '';
+});
 </script>
 
 <template>
@@ -256,11 +255,7 @@ const animationClasses = computed(() => {
     }"
   >
     <slot v-if="(icon || $slots.icon) && !isLoading" name="icon">
-      <Icon
-        :icon="icon"
-        class="flex-shrink-0"
-        :class="STYLE_CONFIG.iconColor[computedColor]"
-      />
+      <Icon :icon="icon" class="flex-shrink-0" :class="iconClasses" />
     </slot>
 
     <Spinner v-if="isLoading" class="!w-5 !h-5 flex-shrink-0" />