|
|
|
@ -1,4 +1,7 @@
|
|
|
|
|
/** @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}"],
|
|
|
|
@ -6,19 +9,19 @@ module.exports = {
|
|
|
|
|
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],
|
|
|
|
|
};
|
|
|
|
|