add tailwind-scollbars

package.json

@@ -32,6 +32,7 @@
     "rutorrent-promise": "^2.0.0",
     "shvl": "^3.0.0",
     "swr": "^1.3.0",
+    "tailwind-scrollbar": "^2.0.1",
     "tough-cookie": "^4.1.2",
     "winston": "^3.8.2"
   },

tailwind.config.js

@@ -1,24 +1,27 @@
 /** @type {import('tailwindcss').Config} */
+const tailwindForms = require("@tailwindcss/forms");
+const tailwindScrollbars = require("tailwind-scrollbar");
+
 module.exports = {
   darkMode: "class",
   content: ["./src/pages/**/*.{js,ts,jsx,tsx}", "./src/components/**/*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {
       colors: {
         theme: {
-          ["50"]: "rgb(var(--color-50) / <alpha-value>)",
-          ["100"]: "rgb(var(--color-100) / <alpha-value>)",
-          ["200"]: "rgb(var(--color-200) / <alpha-value>)",
-          ["300"]: "rgb(var(--color-300) / <alpha-value>)",
-          ["400"]: "rgb(var(--color-400) / <alpha-value>)",
-          ["500"]: "rgb(var(--color-500) / <alpha-value>)",
-          ["600"]: "rgb(var(--color-600) / <alpha-value>)",
-          ["700"]: "rgb(var(--color-700) / <alpha-value>)",
-          ["800"]: "rgb(var(--color-800) / <alpha-value>)",
-          ["900"]: "rgb(var(--color-900) / <alpha-value>)",
+          50: "rgb(var(--color-50) / <alpha-value>)",
+          100: "rgb(var(--color-100) / <alpha-value>)",
+          200: "rgb(var(--color-200) / <alpha-value>)",
+          300: "rgb(var(--color-300) / <alpha-value>)",
+          400: "rgb(var(--color-400) / <alpha-value>)",
+          500: "rgb(var(--color-500) / <alpha-value>)",
+          600: "rgb(var(--color-600) / <alpha-value>)",
+          700: "rgb(var(--color-700) / <alpha-value>)",
+          800: "rgb(var(--color-800) / <alpha-value>)",
+          900: "rgb(var(--color-900) / <alpha-value>)",
         },
       },
     },
   },
-  plugins: [require("@tailwindcss/forms")],
+  plugins: [tailwindForms, tailwindScrollbars],
 };