fix: add colors to the templates and main page cards (#4497)

* Add swatch colors

* Implement new colors on templates modal

* Implement new colors on main page

* Removed hover icon color change on templates

---------

Co-authored-by: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>

src/frontend/tailwind.config.mjs

@@ -241,6 +241,13 @@ const config = {
           foreground: "hsl(var(--datatype-indigo-foreground))",
         },
         "node-ring": "hsl(var(--node-ring))",
+        "neon-fuschia": "hsl(var(--neon-fuschia))",
+        "digital-orchid": "hsl(var(--digital-orchid))",
+        "plasma-purple": "hsl(var(--plasma-purple))",
+        "electric-blue": "hsl(var(--electric-blue))",
+        "holo-frost": "hsl(var(--holo-frost))",
+        "terminal-green": "hsl(var(--terminal-green))",
+        "cosmic-void": "hsl(var(--cosmic-void))",
       },
       borderRadius: {
         lg: `var(--radius)`,