From 883dc9f9d40599da7585f791d28da307c832d756 Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Sun, 25 Feb 2024 23:07:42 -0300
Subject: [PATCH] Refactor: Change node ring error color

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 5 ++++-
 src/frontend/src/style/applies.css                 | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index c62abf6b9..bcbc6306e 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -19,6 +19,7 @@ import { handleKeyDown, scapedJSONStringfy } from "../../utils/reactflowUtils";
 import { nodeColors, nodeIconsLucide } from "../../utils/styleUtils";
 import { classNames, cn, getFieldTitle } from "../../utils/utils";
 import ParameterComponent from "./components/parameterComponent";
+import { useDarkStore } from "../../stores/darkStore";
 
 export default function GenericNode({
   data,
@@ -185,6 +186,8 @@ export default function GenericNode({
     }
   };
 
+  const isDark = useDarkStore(state => state.dark);
+  console.log(isDark)
   const renderIconPlayOrPauseComponents = (
     buildStatus: BuildStatus | undefined,
     validationStatus: validationStatusType | null
@@ -207,7 +210,7 @@ export default function GenericNode({
       return "inactive-status";
     }
     if (buildStatus === BuildStatus.BUILT && isInvalid) {
-      return "built-invalid-status";
+      return isDark ? "border-none ring ring-[#751C1C]" : "built-invalid-status" ;
     } else if (buildStatus === BuildStatus.BUILDING) {
       return "building-status";
     } else {
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 39d4769e6..fdc884945 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -313,7 +313,7 @@
     @apply border-none ring ring-muted-foreground;
   }
   .built-invalid-status {
-    @apply border-none ring ring-red-300;
+    @apply border-none ring ring-[#FF9090];
   }
   .building-status {
     @apply border-none ring;