From 838c18d6c9c2b456db8766fb991cba824cc9592c Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 30 Jun 2023 14:49:26 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(GenericNode):=20update=20h?=
 =?UTF-8?q?over=20text=20color=20to=20accent=20foreground=20color=20for=20?=
 =?UTF-8?q?better=20visibility=20=F0=9F=8E=A8=20style(singleAlertComponent?=
 =?UTF-8?q?):=20update=20hover=20text=20color=20to=20accent=20foreground?=
 =?UTF-8?q?=20color=20for=20better=20visibility=20=F0=9F=8E=A8=20style(not?=
 =?UTF-8?q?ice):=20update=20hover=20text=20color=20to=20accent=20foregroun?=
 =?UTF-8?q?d=20color=20for=20better=20visibility=20=F0=9F=8E=A8=20style(Ex?=
 =?UTF-8?q?traSidebarComponent):=20update=20hover=20text=20color=20to=20ac?=
 =?UTF-8?q?cent=20foreground=20color=20for=20better=20visibility=20?=
 =?UTF-8?q?=F0=9F=8E=A8=20style(codeAreaComponent):=20update=20hover=20tex?=
 =?UTF-8?q?t=20color=20to=20accent=20foreground=20color=20for=20better=20v?=
 =?UTF-8?q?isibility=20=F0=9F=8E=A8=20style(headerComponent):=20update=20h?=
 =?UTF-8?q?over=20text=20color=20to=20accent=20foreground=20color=20for=20?=
 =?UTF-8?q?better=20visibility=20=F0=9F=8E=A8=20style(inputFileComponent):?=
 =?UTF-8?q?=20update=20hover=20text=20color=20to=20accent=20foreground=20c?=
 =?UTF-8?q?olor=20for=20better=20visibility=20=F0=9F=8E=A8=20style(inputLi?=
 =?UTF-8?q?stComponent):=20update=20hover=20text=20color=20to=20accent=20f?=
 =?UTF-8?q?oreground=20color=20for=20better=20visibility=20=F0=9F=8E=A8=20?=
 =?UTF-8?q?style(promptComponent):=20update=20hover=20text=20color=20to=20?=
 =?UTF-8?q?accent=20foreground=20color=20for=20better=20visibility=20?=
 =?UTF-8?q?=F0=9F=8E=A8=20style(textAreaComponent):=20update=20hover=20tex?=
 =?UTF-8?q?t=20color=20to=20accent=20foreground=20color=20for=20better=20v?=
 =?UTF-8?q?isibility=20=F0=9F=8E=A8=20style(NodeModal):=20update=20hover?=
 =?UTF-8?q?=20text=20color=20to=20accent=20foreground=20color=20for=20bett?=
 =?UTF-8?q?er=20visibility=20=F0=9F=8E=A8=20style(promptModal):=20update?=
 =?UTF-8?q?=20hover=20text=20color=20to=20accent=20foreground=20color=20fo?=
 =?UTF-8?q?r=20better=20visibility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🎨 style(textAreaModal/index.tsx): update button text color class to 'text-accent-foreground' for better visibility on hover
---
 src/frontend/src/CustomNodes/GenericNode/index.tsx     |  6 +++---
 .../components/singleAlertComponent/index.tsx          |  2 +-
 src/frontend/src/alerts/notice/index.tsx               |  2 +-
 .../src/components/ExtraSidebarComponent/index.tsx     |  6 +++---
 .../src/components/codeAreaComponent/index.tsx         |  2 +-
 src/frontend/src/components/headerComponent/index.tsx  | 10 +++++-----
 .../src/components/inputFileComponent/index.tsx        |  2 +-
 .../src/components/inputListComponent/index.tsx        |  2 +-
 src/frontend/src/components/promptComponent/index.tsx  |  2 +-
 .../src/components/textAreaComponent/index.tsx         |  2 +-
 src/frontend/src/modals/NodeModal/index.tsx            |  2 +-
 src/frontend/src/modals/promptModal/index.tsx          |  2 +-
 src/frontend/src/modals/textAreaModal/index.tsx        |  2 +-
 13 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index a6c89e354..5db3ba9be 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -146,7 +146,7 @@ export default function GenericNode({
                       validationStatus && validationStatus.valid
                         ? "w-4 h-4 rounded-full bg-status-red opacity-100"
                         : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
+                      "absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200"
                     )}
                   ></div>
                   <div
@@ -154,7 +154,7 @@ export default function GenericNode({
                       validationStatus && !validationStatus.valid
                         ? "w-4 h-4 rounded-full  bg-status-red opacity-100"
                         : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
+                      "absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200"
                     )}
                   ></div>
                   <div
@@ -162,7 +162,7 @@ export default function GenericNode({
                       !validationStatus || isBuilding
                         ? "w-4 h-4 rounded-full  bg-status-yellow opacity-100"
                         : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
+                      "absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200"
                     )}
                   ></div>
                 </div>
diff --git a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
index 5827ccc2f..bdb74126d 100644
--- a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
+++ b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
@@ -86,7 +86,7 @@ export default function SingleAlert({
               {dropItem.link ? (
                 <Link
                   to={dropItem.link}
-                  className="whitespace-nowrap font-medium text-info-foreground hover:text-ring"
+                  className="whitespace-nowrap font-medium text-info-foreground hover:text-accent-foreground"
                 >
                   Details
                 </Link>
diff --git a/src/frontend/src/alerts/notice/index.tsx b/src/frontend/src/alerts/notice/index.tsx
index 4d0747919..de571678e 100644
--- a/src/frontend/src/alerts/notice/index.tsx
+++ b/src/frontend/src/alerts/notice/index.tsx
@@ -48,7 +48,7 @@ export default function NoticeAlert({
               {link !== "" ? (
                 <Link
                   to={link}
-                  className="whitespace-nowrap font-medium text-info-foreground hover:text-ring"
+                  className="whitespace-nowrap font-medium text-info-foreground hover:text-accent-foreground"
                 >
                   Details
                 </Link>
diff --git a/src/frontend/src/components/ExtraSidebarComponent/index.tsx b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
index 913b6b8eb..61fff766d 100644
--- a/src/frontend/src/components/ExtraSidebarComponent/index.tsx
+++ b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
@@ -41,7 +41,7 @@ export default function ExtraSidebar() {
                             className={classNames(
                               item.href.split("/")[2] === current[4]
                                 ? "text-ring"
-                                : "text-ring group-hover:text-ring",
+                                : "text-ring group-hover:text-accent-foreground",
                               "mr-3 flex-shrink-0 h-6 w-6"
                             )}
                           />
@@ -65,14 +65,14 @@ export default function ExtraSidebar() {
                               )}
                             >
                               <item.icon
-                                className="mr-3 h-6 w-6 flex-shrink-0 text-ring group-hover:text-ring"
+                                className="mr-3 h-6 w-6 flex-shrink-0 text-ring group-hover:text-accent-foreground"
                                 aria-hidden="true"
                               />
                               <span className="flex-1">{item.name}</span>
                               <svg
                                 className={classNames(
                                   open ? "text-ring rotate-90" : "text-ring",
-                                  "ml-3 h-5 w-5 flex-shrink-0 transition-rotate duration-150 ease-in-out group-hover:text-ring"
+                                  "ml-3 h-5 w-5 flex-shrink-0 transition-rotate duration-150 ease-in-out group-hover:text-accent-foreground"
                                 )}
                                 viewBox="0 0 20 20"
                                 aria-hidden="true"
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 204550be4..11d0c158d 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -69,7 +69,7 @@ export default function CodeAreaComponent({
           }}
         >
           {!editNode && (
-            <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring  ml-3" />
+            <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground  ml-3" />
           )}
         </button>
       </div>
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 2be2ecb47..4bc2461c0 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -75,7 +75,7 @@ export default function Header() {
             href="https://github.com/logspace-ai/langflow"
             target="_blank"
             rel="noreferrer"
-            className="inline-flex shadow-sm items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background text-muted-foreground  border border-input hover:bg-accent hover:text-accent-foreground h-9 px-3 pr-0 rounded-md"
+            className="inline-flex shadow-sm items-center justify-center text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background text-muted-foreground  border border-input hover:bg-accent hover:text-accent-foreground h-9 px-3 pr-0 rounded-md"
           >
             <FaGithub className="h-5 w-5 mr-2" />
             Star
@@ -89,7 +89,7 @@ export default function Header() {
             rel="noreferrer"
             className="text-muted-foreground"
           >
-            <FaTwitter className="h-5 w-5 hover:text-ring" />
+            <FaTwitter className="h-5 w-5 hover:text-accent-foreground" />
           </a>
           <a
             href="https://discord.gg/EqksyE2EX9"
@@ -97,12 +97,12 @@ export default function Header() {
             rel="noreferrer"
             className="text-muted-foreground"
           >
-            <FaDiscord className="h-5 w-5 hover:text-ring" />
+            <FaDiscord className="h-5 w-5 hover:text-accent-foreground" />
           </a>
 
           <Separator orientation="vertical" />
           <button
-            className="text-muted-foreground hover:text-ring "
+            className="text-muted-foreground hover:text-accent-foreground "
             onClick={() => {
               setDark(!dark);
             }}
@@ -114,7 +114,7 @@ export default function Header() {
             )}
           </button>
           <button
-            className="text-muted-foreground hover:text-ring relative"
+            className="text-muted-foreground hover:text-accent-foreground relative"
             onClick={(event: React.MouseEvent<HTMLElement>) => {
               setNotificationCenter(false);
               const { top, left } = (
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 74aad75f1..2c34e8a01 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -114,7 +114,7 @@ export default function InputFileComponent({
         </span>
         <button onClick={handleButtonClick}>
           {!editNode && !loading && (
-            <FileSearch2 strokeWidth={1.5} className="w-6 h-6 hover:text-ring" />
+            <FileSearch2 strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground" />
           )}
           {!editNode && loading && (
             <span className="loading loading-spinner loading-sm pl-3 h-8 pointer-events-none"></span>
diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx
index 5c9c0e78b..940e22867 100644
--- a/src/frontend/src/components/inputListComponent/index.tsx
+++ b/src/frontend/src/components/inputListComponent/index.tsx
@@ -60,7 +60,7 @@ export default function InputListComponent({
                 onChange(inputList);
               }}
             >
-              <Plus className={"w-4 h-4 hover:text-ring"} />
+              <Plus className={"w-4 h-4 hover:text-accent-foreground"} />
             </button>
           ) : (
             <button
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 4b5b59e6f..ede2753e8 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -73,7 +73,7 @@ export default function PromptAreaComponent({
             );
           }}
         >
-          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring " />}
+          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground " />}
         </button>
       </div>
     </div>
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index ae21ad7eb..bcb656b59 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -76,7 +76,7 @@ export default function TextAreaComponent({
             );
           }}
         >
-          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring " />}
+          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground " />}
         </button>
       </div>
     </div>
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 9090afe6c..1322c754f 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -64,7 +64,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
                 <div className=" z-50 absolute top-0 right-0 hidden pt-4 pr-4 sm:block">
                   <button
                     type="button"
-                    className="rounded-md text-ring hover:text-ring"
+                    className="rounded-md text-ring hover:text-accent-foreground"
                     onClick={() => {
                       setModalOpen(false);
                     }}
diff --git a/src/frontend/src/modals/promptModal/index.tsx b/src/frontend/src/modals/promptModal/index.tsx
index a0697eeea..99b25380d 100644
--- a/src/frontend/src/modals/promptModal/index.tsx
+++ b/src/frontend/src/modals/promptModal/index.tsx
@@ -61,7 +61,7 @@ export default function PromptAreaModal({
                 <div className=" z-50 absolute top-0 right-0 hidden pt-4 pr-4 sm:block">
                   <button
                     type="button"
-                    className="rounded-md text-ring hover:text-ring"
+                    className="rounded-md text-ring hover:text-accent-foreground"
                     onClick={() => {
                       setModalOpen(false);
                     }}
diff --git a/src/frontend/src/modals/textAreaModal/index.tsx b/src/frontend/src/modals/textAreaModal/index.tsx
index 69f3d98b3..6454e353c 100644
--- a/src/frontend/src/modals/textAreaModal/index.tsx
+++ b/src/frontend/src/modals/textAreaModal/index.tsx
@@ -60,7 +60,7 @@ export default function TextAreaModal({
                 <div className=" z-50 absolute top-0 right-0 hidden pt-4 pr-4 sm:block">
                   <button
                     type="button"
-                    className="rounded-md text-ring hover:text-ring"
+                    className="rounded-md text-ring hover:text-accent-foreground"
                     onClick={() => {
                       setModalOpen(false);
                     }}