diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index a3e3e6357..f45a6a562 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -17,7 +17,6 @@ import { PopUpContext } from "../../../../contexts/popUpContext";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import { typesContext } from "../../../../contexts/typesContext";
 import { ParameterComponentType } from "../../../../types/components";
-import { cleanEdges } from "../../../../util/reactflowUtils";
 import {
   classNames,
   getRandomKeyByssmm,
@@ -27,6 +26,7 @@ import {
   nodeIconsLucide,
   nodeNames,
 } from "../../../../utils";
+import { cleanEdges } from "../../../../utils/reactflowUtils";
 
 export default function ParameterComponent({
   left,
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 5ae191c67..9663c95ef 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -62,29 +62,6 @@ export enum TypeModal {
   PROMPT = 2,
 }
 
-export const textColors = {
-  white: "text-white",
-  red: "text-red-700",
-  orange: "text-orange-700",
-  amber: "text-amber-700",
-  yellow: "text-yellow-700",
-  lime: "text-lime-700",
-  green: "text-green-700",
-  emerald: "text-emerald-700",
-  teal: "text-teal-700",
-  cyan: "text-cyan-700",
-  sky: "text-sky-700",
-  blue: "text-blue-700",
-  indigo: "text-indigo-700",
-  violet: "text-violet-700",
-  purple: "text-purple-700",
-  fuchsia: "text-fuchsia-700",
-  pink: "text-pink-700",
-  rose: "text-rose-700",
-  black: "text-black-700",
-  gray: "text-gray-700",
-};
-
 export const borderLColors = {
   white: "border-l-white",
   red: "border-l-red-500",
@@ -343,92 +320,6 @@ export const gradients = [
   "bg-gradient-to-br from-lime-600 via-yellow-300 to-red-600",
 ];
 
-export const bgColors = {
-  white: "bg-white",
-  red: "bg-red-100",
-  orange: "bg-orange-100",
-  amber: "bg-amber-100",
-  yellow: "bg-yellow-100",
-  lime: "bg-lime-100",
-  green: "bg-green-100",
-  emerald: "bg-emerald-100",
-  teal: "bg-teal-100",
-  cyan: "bg-cyan-100",
-  sky: "bg-sky-100",
-  blue: "bg-blue-100",
-  indigo: "bg-indigo-100",
-  violet: "bg-violet-100",
-  purple: "bg-purple-100",
-  fuchsia: "bg-fuchsia-100",
-  pink: "bg-pink-100",
-  rose: "bg-rose-100",
-  black: "bg-black-100",
-  gray: "bg-gray-100",
-};
-
-export const bgColorsHover = {
-  white: "hover:bg-white",
-  black: "hover:bg-black-50",
-  gray: "hover:bg-gray-50",
-  red: "hover:bg-red-50",
-  orange: "hover:bg-orange-50",
-  amber: "hover:bg-amber-50",
-  yellow: "hover:bg-yellow-50",
-  lime: "hover:bg-lime-50",
-  green: "hover:bg-green-50",
-  emerald: "hover:bg-emerald-50",
-  teal: "hover:bg-teal-50",
-  cyan: "hover:bg-cyan-50",
-  sky: "hover:bg-sky-50",
-  blue: "hover:bg-blue-50",
-  indigo: "hover:bg-indigo-50",
-  violet: "hover:bg-violet-50",
-  purple: "hover:bg-purple-50",
-  fuchsia: "hover:bg-fuchsia-50",
-  pink: "hover:bg-pink-50",
-  rose: "hover:bg-rose-50",
-};
-
-export const textColorsHex = {
-  red: "rgb(185 28 28)",
-  orange: "rgb(194 65 12)",
-  amber: "rgb(180 83 9)",
-  yellow: "rgb(161 98 7)",
-  lime: "rgb(77 124 15)",
-  green: "rgb(21 128 61)",
-  emerald: "rgb(4 120 87)",
-  teal: "rgb(15 118 110)",
-  cyan: "rgb(14 116 144)",
-  sky: "rgb(3 105 161)",
-  blue: "rgb(29 78 216)",
-  indigo: "rgb(67 56 202)",
-  violet: "rgb(109 40 217)",
-  purple: "rgb(126 34 206)",
-  fuchsia: "rgb(162 28 175)",
-  pink: "rgb(190 24 93)",
-  rose: "rgb(190 18 60)",
-};
-
-export const bgColorsHex = {
-  red: "rgb(254 226 226)",
-  orange: "rgb(255 237 213)",
-  amber: "rgb(254 243 199)",
-  yellow: "rgb(254 249 195)",
-  lime: "rgb(236 252 203)",
-  green: "rgb(220 252 231)",
-  emerald: "rgb(209 250 229)",
-  teal: "rgb(204 251 241)",
-  cyan: "rgb(207 250 254)",
-  sky: "rgb(224 242 254)",
-  blue: "rgb(219 234 254)",
-  indigo: "rgb(224 231 255)",
-  violet: "rgb(237 233 254)",
-  purple: "rgb(243 232 255)",
-  fuchsia: "rgb(250 232 255)",
-  pink: "rgb(252 231 243)",
-  rose: "rgb(255 228 230)",
-};
-
 export const taskTypeMap: { [key: string]: string } = {
   MULTICLASS_CLASSIFICATION: "Multiclass Classification",
 };
diff --git a/src/frontend/src/util/reactflowUtils.ts b/src/frontend/src/utils/reactflowUtils.ts
similarity index 95%
rename from src/frontend/src/util/reactflowUtils.ts
rename to src/frontend/src/utils/reactflowUtils.ts
index da04cc75c..2f9c58343 100644
--- a/src/frontend/src/util/reactflowUtils.ts
+++ b/src/frontend/src/utils/reactflowUtils.ts
@@ -1,5 +1,5 @@
 import _ from "lodash";
-import { cleanEdgesType } from "./../types/utils/reactflowUtils";
+import { cleanEdgesType } from "../types/utils/reactflowUtils";
 
 export function cleanEdges({
   flow: { edges, nodes },