From 8448d8ea952953db3ec5d0f4c88aac41c12610c5 Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Tue, 21 Nov 2023 15:03:54 -0300
Subject: [PATCH] Refactor: Change components and flows icon color

---
 src/frontend/src/components/cardComponent/index.tsx | 4 ++--
 src/frontend/src/style/index.css                    | 6 ++++++
 src/frontend/tailwind.config.js                     | 2 ++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 8f28910e1..116e5550f 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -134,8 +134,8 @@ export default function CollectionCardComponent({
                 className={cn(
                   "flex-shrink-0",
                   data.is_component
-                    ? "mx-0.5 h-6 w-6 text-indigo-500"
-                    : "h-7 w-7 flex-shrink-0 text-emerald-800"
+                    ? "mx-0.5 h-6 w-6 text-component-icon"
+                    : "h-7 w-7 flex-shrink-0 text-flow-icon"
                 )}
                 name={data.is_component ? "ToyBrick" : "Group"}
               />
diff --git a/src/frontend/src/style/index.css b/src/frontend/src/style/index.css
index e57a89eae..6dc260035 100644
--- a/src/frontend/src/style/index.css
+++ b/src/frontend/src/style/index.css
@@ -47,6 +47,9 @@
     --chat-bot-icon: #afe6ef;
     --chat-user-icon: #aface9;
 
+    --component-icon: #4338ca;
+    --flow-icon: #0f766e;
+
     /* Colors that are shared in dark and light mode */
     --blur-shared: #151923de;
     --build-trigger: #dc735b;
@@ -107,6 +110,9 @@
     --medium-indigo: #6366f1;
     --low-indigo: #e0e7ff;
 
+    --component-icon: #352e9e;
+    --flow-icon: #115e59;
+
     /* Colors that are shared in dark and light mode */
     --blur-shared: #151923d2;
     --build-trigger: #dc735b;
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index 5130f3fcf..e9e1ecff2 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -29,6 +29,8 @@ module.exports = {
     },
     extend: {
       colors: {
+        "component-icon": "var(--component-icon)",
+        "flow-icon": "var(--flow-icon)",
         "low-indigo": "var(--low-indigo)",
         "chat-send": "var(--chat-send)",
         connection: "var(--connection)",