ui: redesign

tailwind.config.js

@@ -1,5 +1,19 @@
 /** @type {import('tailwindcss').Config} */
+const colors = {
+    "base": "#101010",
+    "warning": "#FCD452",
+    "success": "#16A34A",
+    "error": "#DC2626",
+    "coollabs": "#6B16ED",
+    "coollabs-100": "#7317FF",
+    "coolgray-100": "#181818",
+    "coolgray-200": "#202020",
+    "coolgray-300": "#242424",
+    "coolgray-400": "#282828",
+    "coolgray-500": "#323232",
+}
 module.exports = {
+    darkMode: "selector",
     content: [
         './vendor/wire-elements/modal/resources/views/*.blade.php',
         './storage/framework/views/*.php',
@@ -13,42 +27,17 @@ module.exports = {
             fontFamily: {
                 sans: ["Inter", "sans-serif"],
             },
-            colors: {
-                coollabs: "#6B16ED",
-                "coollabs-100": "#7317FF",
-                "coolgray-100": "#181818",
-                "coolgray-200": "#202020",
-                "coolgray-300": "#242424",
-                "coolgray-400": "#282828",
-                "coolgray-500": "#323232",
-            },
+            colors
         },
     },
     variants: {
         scrollbar: ["dark"],
         extend: {},
     },
-    daisyui: {
-        themes: [
-            {
-                coollabs: {
-                    primary: "#202020",
-                    "primary-focus": "#242424",
-                    secondary: "#6B16ED",
-                    accent: "#4338ca",
-                    neutral: "#1B1D1D",
-                    "base-100": "#101010",
-                    info: "#2563EB",
-                    success: "#16A34A",
-                    warning: "#FCD34D",
-                    error: "#DC2626",
-                },
-            },
-        ],
-    },
+
     plugins: [
-        require("daisyui"),
         require("tailwindcss-scrollbar"),
         require("@tailwindcss/typography"),
+        require("@tailwindcss/forms")
     ],
 };