52 lines
1.2 KiB
TypeScript
52 lines
1.2 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
import type { DefaultColors } from "tailwindcss/types/generated/colors";
|
|
|
|
const themeDark = (colors: DefaultColors) => ({
|
|
50: "#0a0a0a",
|
|
100: "#111111",
|
|
200: "#1c1c1c",
|
|
});
|
|
|
|
const themeLight = (colors: DefaultColors) => ({
|
|
50: "#fcfcf9",
|
|
100: "#f3f3ee",
|
|
200: "#e8e8e3",
|
|
});
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
borderColor: ({ colors }) => {
|
|
return {
|
|
light: themeLight(colors),
|
|
dark: themeDark(colors),
|
|
};
|
|
},
|
|
colors: ({ colors }) => {
|
|
const colorsDark = themeDark(colors);
|
|
const colorsLight = themeLight(colors);
|
|
|
|
return {
|
|
dark: {
|
|
primary: colorsDark[50],
|
|
secondary: colorsDark[100],
|
|
...colorsDark,
|
|
},
|
|
light: {
|
|
primary: colorsLight[50],
|
|
secondary: colorsLight[100],
|
|
...colorsLight,
|
|
},
|
|
};
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("@tailwindcss/typography")],
|
|
};
|
|
export default config;
|