feat(colors): ✨ add design token colors to tailwind

adaptui · Jun 13, 2022 · 4a0f025 · 4a0f025
1 parent 05ebbf4
commit 4a0f025
Show file tree

Hide file tree

Showing 7 changed files with 384 additions and 76 deletions.
diff --git a/preset.js b/preset.js
@@ -1,4 +1,4 @@
-const colors = require("tailwindcss/colors");
+const colors = require("./tailwind-utils/colors");
 const defaultTheme = require("tailwindcss/defaultTheme");
 
 /** @type {import("@types/tailwindcss/tailwind-config").TailwindConfig } */
@@ -28,7 +28,7 @@ module.exports = {
     },
     extend: {
       colors: {
-        gray: colors.zinc,
+        ...colors,
       },
       fontFamily: {
         sans: ["Inter var", ...defaultTheme.fontFamily.sans],
@@ -95,9 +95,9 @@ module.exports = {
     },
   },
   plugins: [
-    require("./tailwindPlugins/utilities"),
-    require("./tailwindPlugins/variantPlugin"),
-    require("./tailwindPlugins/animationDelay"),
-    require("./tailwindPlugins/animationDuration"),
+    require("./tailwind-utils/utilities"),
+    require("./tailwind-utils/variantPlugin"),
+    require("./tailwind-utils/animationDelay"),
+    require("./tailwind-utils/animationDuration"),
   ],
 };
diff --git a/tailwindPlugins/animationDelay.js → tailwind-utils/animationDelay.js b/tailwindPlugins/animationDelay.js → tailwind-utils/animationDelay.js
diff --git a/tailwindPlugins/animationDuration.js → tailwind-utils/animationDuration.js b/tailwindPlugins/animationDuration.js → tailwind-utils/animationDuration.js