userbutton ui

frontend/lib/colors.ts

@@ -0,0 +1,40 @@
+export const colors = {
+  red: "#dc2626",
+  orange: "#ea580c",
+  yellow: "#ca8a04",
+  green: "#16a34a",
+  blue: "#0284c7",
+  purple: "#7c3aed",
+  pink: "#db2777",
+}
+
+export const colorClasses = {
+  red: {
+    ring: "ring-red-700",
+    bg: "from-red-950 to-red-600",
+  },
+  orange: {
+    ring: "ring-orange-700",
+    bg: "from-orange-950 to-orange-600",
+  },
+  yellow: {
+    ring: "ring-yellow-700",
+    bg: "from-yellow-950 to-yellow-600",
+  },
+  green: {
+    ring: "ring-green-700",
+    bg: "from-green-950 to-green-600",
+  },
+  blue: {
+    ring: "ring-blue-700",
+    bg: "from-blue-950 to-blue-600",
+  },
+  purple: {
+    ring: "ring-purple-700",
+    bg: "from-purple-950 to-purple-600",
+  },
+  pink: {
+    ring: "ring-pink-700",
+    bg: "from-pink-950 to-pink-600",
+  },
+}