143 lines
3.3 KiB
TypeScript
143 lines
3.3 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
const defaultTheme = require("tailwindcss/defaultTheme");
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./sections/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./node_modules/preline/preline.js",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
gray: {
|
|
100: "#EBF1F5",
|
|
200: "#D9E3EA",
|
|
300: "#C5D2DC",
|
|
400: "#9BA9B4",
|
|
500: "#707D86",
|
|
550: "#52485B",
|
|
600: "#55595F",
|
|
650: "#4c5058",
|
|
700: "#33363A",
|
|
800: "#25282C",
|
|
825: "#34363A",
|
|
850: "#383040",
|
|
900: "#151719",
|
|
925: "#191D24",
|
|
950: "#000000",
|
|
},
|
|
purple: {
|
|
default: "#8000FF",
|
|
100: "#F4F4FF",
|
|
200: "#E2E1FF",
|
|
300: "#CBCCFF",
|
|
400: "#ABABFF",
|
|
500: "#8D8DFF",
|
|
600: "#5D5DFF",
|
|
700: "#4B4ACF",
|
|
800: "#38379C",
|
|
900: "#262668",
|
|
},
|
|
pink: {
|
|
default: "#FF0DCA",
|
|
500: "#D18DFF",
|
|
550: "#8A4CC8",
|
|
600: "#AB4FD7",
|
|
700: "#7a2ec5",
|
|
900: "#3C3445",
|
|
},
|
|
red: {
|
|
300: "#C84C4C",
|
|
600: "#8b2e2e",
|
|
},
|
|
},
|
|
spacing: {
|
|
"9/16": "56.25%",
|
|
"3/4": "75%",
|
|
"1/1": "100%",
|
|
},
|
|
fontFamily: {
|
|
primary: ["Raleway Variable", ...defaultTheme.fontFamily.sans],
|
|
secondary: ["Arimo Variable", ...defaultTheme.fontFamily.sans],
|
|
},
|
|
fontSize: {
|
|
xs: "0.75rem",
|
|
sm: "0.875rem",
|
|
base: "1rem",
|
|
lg: "1.125rem",
|
|
xl: "1.25rem",
|
|
"2xl": "1.5rem",
|
|
"3xl": "2rem",
|
|
"4xl": "2.5rem",
|
|
"5xl": "3.25rem",
|
|
"6xl": "4rem",
|
|
},
|
|
inset: {
|
|
full: "100%",
|
|
},
|
|
letterSpacing: {
|
|
tighter: "-0.02em",
|
|
tight: "-0.01em",
|
|
normal: "0",
|
|
wide: "0.01em",
|
|
wider: "0.02em",
|
|
widest: "0.4em",
|
|
},
|
|
minWidth: {
|
|
"10": "2.5rem",
|
|
},
|
|
scale: {
|
|
"98": ".98",
|
|
},
|
|
},
|
|
},
|
|
daisyui: {
|
|
themes: [
|
|
{
|
|
light: {
|
|
primary: "#5700ff",
|
|
"primary-content": "#fff",
|
|
secondary: "#ff7400",
|
|
"secondary-content": "#000",
|
|
accent: "#fd0000",
|
|
neutral: "#28282e",
|
|
"base-100": "#fefaff",
|
|
"base-200": "#e1e2e9",
|
|
"base-300": "#c5cad3",
|
|
"base-content": "#000",
|
|
info: "#00f5ff",
|
|
success: "#00ff8b",
|
|
warning: "#ff5100",
|
|
error: "#ff0051",
|
|
},
|
|
dark: {
|
|
primary: "#5900ff",
|
|
"primary-content": "#fff",
|
|
secondary: "#002eff",
|
|
"secondary-content": "#fff",
|
|
accent: "#006cff",
|
|
neutral: "#060206",
|
|
"base-100": "#292924",
|
|
"base-200": "#2a2d2a",
|
|
"base-300": "#2b3130",
|
|
"base-content": "#fff",
|
|
info: "#009ae0",
|
|
success: "#76e200",
|
|
warning: "#eb9400",
|
|
error: "#be2133",
|
|
}
|
|
},
|
|
],
|
|
},
|
|
plugins: [
|
|
require("@tailwindcss/forms"),
|
|
require("@tailwindcss/typography"),
|
|
require("daisyui"),
|
|
require("preline/plugin"),
|
|
],
|
|
};
|
|
export default config;
|