Merge pull request #114 from intechstudio/feat/Colors

ProfileCloud uses tailwind colors from UI-kit

package.json

@@ -41,7 +41,7 @@
     "type": "module",
     "dependencies": {
         "@intechstudio/grid-protocol": "1.20250122.1457",
-        "@intechstudio/grid-uikit": "1.20241126.1622",
+        "@intechstudio/grid-uikit": "1.20250204.1847",
         "@melt-ui/svelte": "^0.83.0",
         "@toast-ui/editor": "^3.2.2",
         "audit": "^0.0.6",

src/app.css

@@ -1,3 +1,5 @@
+@import "@intechstudio/grid-uikit/dist/app.css";
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

tailwind.config.cjs

@@ -1,14 +1,13 @@
 const defaultTheme = require("tailwindcss/defaultTheme");
 const colors = require("tailwindcss/colors");
+const uiKitConfig = require("@intechstudio/grid-uikit/tailwind.config");
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
     mode: "jit",
     darkMode: "class",
-    content: [
-        "./src/**/*.{html,js,svelte,ts}",
-        "./node_modules/@intechstudio/grid-uikit/dist/*.{html,js,svelte,ts}"
-    ],
+    content: ["./src/**/*.{html,js,svelte,ts}"],
+    presets: [uiKitConfig], // Use the UI kit's Tailwind configuration as a preset
     theme: {
         extend: {
             colors: {
@@ -23,21 +22,6 @@ module.exports = {
                 orange: colors.orange,
                 neutral: {
                     950: "#121212"
-                },
-                primary: {
-                    DEFAULT: "#1e2628",
-                    100: "#d3dcde",
-                    200: "#b6c5c8",
-                    300: "#99adb2",
-                    400: "#7c969d",
-                    500: "#627d83",
-                    600: "#4d6166",
-                    700: "#374549",
-                    800: "#212a2c",
-                    900: "#0b0e0f"
-                },
-                secondary: {
-                    DEFAULT: "#2a3439"
                 }
             },
             fontFamily: {