Fix: Header with wrong colors

src/frontend/src/components/cardComponent/index.tsx

@@ -141,8 +141,8 @@ export default function CollectionCardComponent({
                 className={cn(
                   "flex-shrink-0",
                   data.is_component
-                    ? "mx-0.5 h-6 w-6 text-indigo-500"
+                    ? "mx-0.5 h-6 w-6 text-component-icon"
-                    : "h-7 w-7 flex-shrink-0 text-emerald-800"
+                    : "h-7 w-7 flex-shrink-0 text-flow-icon"
                 )}
                 name={data.is_component ? "ToyBrick" : "Group"}
               />

src/frontend/src/components/inputComponent/index.tsx

@@ -55,7 +55,15 @@ export default function InputComponent({
             onChange={(e) => {
               onChange(e.target.value);
             }}
+            onCopy={(e) => {
+              e.preventDefault();
+              console.log("Oi")
+            }}
             onKeyDown={(e) => {
+              if (e.ctrlKey && e.key === 'c') {
+                console.log('Ctrl+C detected');
+                // Perform any actions you need when Ctrl+C is detected
+              }
               handleKeyDown(e, value, "");
               if (blurOnEnter && e.key === "Enter") refInput.current?.blur();
             }}

src/frontend/src/components/ui/button.tsx

@@ -14,9 +14,9 @@ const buttonVariants = cva(
         outline:
           "border border-input hover:bg-accent hover:text-accent-foreground",
         primary:
-          "border bg-background text-secondary-foreground hover:bg-background/80 dark:hover:bg-background/10 hover:shadow-sm",
+          "border bg-background text-secondary-foreground hover:bg-secondary-foreground/5 dark:hover:bg-background/10 hover:shadow-sm",
         secondary:
-          "border border-muted bg-muted text-muted-foreground hover:bg-secondary/80",
+          "border border-muted bg-muted text-secondary-foreground hover:bg-secondary-foreground/5",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "underline-offset-4 hover:underline text-primary",
       },

src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx

@@ -268,7 +268,7 @@ export default function NodeToolbarComponent({
                 <SelectItem value="ungroup">
                   <div className="flex">
                     <IconComponent
-                      name="Ungroup"
+                      name="Combine"
                       className="relative top-0.5 mr-2 h-4 w-4"
                     />{" "}
                     Ungroup{" "}

src/frontend/src/style/index.css

@@ -47,8 +47,8 @@
     --chat-bot-icon: #afe6ef;
     --chat-user-icon: #aface9;
 
-    --component-icon: #4338ca;
+    --component-icon: #D66591;
-    --flow-icon: #0f766e;
+    --flow-icon: #3066C7;
 
     /* Colors that are shared in dark and light mode */
     --blur-shared: #151923de;

src/frontend/src/utils/styleUtils.ts

@@ -113,7 +113,7 @@ import { EvernoteIcon } from "../icons/Evernote";
 import { FBIcon } from "../icons/FacebookMessenger";
 import { GitBookIcon } from "../icons/GitBook";
 import { GoogleIcon } from "../icons/Google";
-import { GradientInfinity, GradientSave } from "../icons/GradientSparkles";
+import { GradientGroup, GradientInfinity, GradientSave } from "../icons/GradientSparkles";
 import { HuggingFaceIcon } from "../icons/HuggingFace";
 import { IFixIcon } from "../icons/IFixIt";
 import { MetaIcon } from "../icons/Meta";