remove tailwind warnings on colors

Author: clementAC

crowdsec-docs/docusaurus.config.js

@@ -5,6 +5,7 @@ const {
     ctiApiSidebar,
     guidesSideBar,
 } = require("./sidebarsUnversioned.js")
+const tailwindConfig = require("./tailwind.config.js")
 
 const generateCurrentAndNextRedirects = (s) => [
     {
@@ -312,16 +313,6 @@ module.exports = {
                 ],
             },
         ],
-        async function myPlugin(context, options) {
-            return {
-                name: "docusaurus-tailwindcss",
-                configurePostCss(postcssOptions) {
-                    // Appends TailwindCSS and AutoPrefixer.
-                    postcssOptions.plugins.push(require("tailwindcss"))
-                    postcssOptions.plugins.push(require("autoprefixer"))
-                    return postcssOptions
-                },
-            }
-        },
+        "./plugins/tailwind-config.js",
     ],
 }

crowdsec-docs/plugins/tailwind-config.js

@@ -0,0 +1,13 @@
+export default function tailwindPlugin(context, options) {
+    return {
+      name: 'tailwind-plugin',
+      configurePostCss(postcssOptions) {
+        postcssOptions.plugins = [
+          require('postcss-import'),
+          require('tailwindcss'),
+          require('autoprefixer'),
+        ];
+        return postcssOptions;
+      },
+    };
+  }

crowdsec-docs/tailwind.config.js

@@ -1,5 +1,5 @@
-const colors = require('tailwindcss/colors')
 
+/** @type {import('tailwindcss').Config} */
 module.exports = {
     corePlugins: {
         preflight: false,
@@ -11,15 +11,15 @@ module.exports = {
         "./versioned_docs/**/*.{js,jsx,ts,tsx,mdx}",
     ],
     theme: {
-        colors: {
-            ...colors, // Default colors
-            primary: {
-                light: "#2E2A77",
-                dark: '#242441',
-            },
-            secondary: "#F8AB13",
+        extend: {
+            colors:{
+                primary: {
+                    light: "#2E2A77",
+                    dark: '#242441',
+                },
+                secondary: "#F8AB13",
+            }
         },
-        extend: {},
     },
     plugins: [],
     prefix: "tw-", // This is the prefix for the tailwind classes to not clash with docusarus classes