96 lines
2.9 KiB
TypeScript
96 lines
2.9 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./lib/**/*.{js,ts,jsx,tsx,mdx}"
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
body: ["Inter", "sans-serif"],
|
|
headline: ["Manrope", "Inter", "sans-serif"],
|
|
label: ["Inter", "sans-serif"]
|
|
},
|
|
colors: {
|
|
ink: "#191c1e",
|
|
onSurface: "#191c1e",
|
|
background: "#f7f9fc",
|
|
surface: "#f7f9fc",
|
|
"surface-container": "#eceef0",
|
|
"surface-container-low": "#f2f4f6",
|
|
"surface-container-lowest": "#ffffff",
|
|
"surface-container-high": "#e6e8ea",
|
|
"surface-container-highest": "#e0e3e5",
|
|
"surface-variant": "#e0e3e5",
|
|
"outline": "#6f787d",
|
|
"outline-variant": "#bfc8cd",
|
|
"surface-bright": "#f7f9fc",
|
|
"surface-dim": "#d8dadc",
|
|
primary: "#0c6780",
|
|
"primary-fixed": "#baeaff",
|
|
"primary-fixed-dim": "#89d0ed",
|
|
"primary-container": "#87ceeb",
|
|
"on-primary": "#ffffff",
|
|
"on-primary-container": "#005870",
|
|
"on-primary-fixed": "#001f29",
|
|
"on-primary-fixed-variant": "#004d62",
|
|
"on-secondary": "#ffffff",
|
|
"on-secondary-fixed": "#001e2d",
|
|
"on-secondary-fixed-variant": "#194c64",
|
|
"secondary": "#35637d",
|
|
"secondary-container": "#b2e0fe",
|
|
"secondary-fixed": "#c5e7ff",
|
|
"secondary-fixed-dim": "#9fccea",
|
|
"on-secondary-container": "#36647e",
|
|
error: "#ba1a1a",
|
|
"on-error": "#ffffff",
|
|
"error-container": "#ffdad6",
|
|
"on-error-container": "#93000a",
|
|
tertiary: "#865219",
|
|
"tertiary-container": "#fbb674",
|
|
"tertiary-fixed": "#ffdcbf",
|
|
"tertiary-fixed-dim": "#feb876",
|
|
"on-tertiary": "#ffffff",
|
|
"on-tertiary-container": "#76450c",
|
|
"on-tertiary-fixed": "#2d1600",
|
|
"on-tertiary-fixed-variant": "#6a3b01",
|
|
success: "#0b8f56",
|
|
warning: "#b25f0e",
|
|
danger: "#b42318",
|
|
line: "#dde2e5",
|
|
brand: {
|
|
DEFAULT: "#0c6780",
|
|
dark: "#0a566d",
|
|
soft: "#d9ecf5"
|
|
},
|
|
mist: "#eef4f7",
|
|
"on-surface-variant": "#3f484c",
|
|
"on-background": "#191c1e",
|
|
"inverse-surface": "#2d3133",
|
|
"inverse-on-surface": "#eff1f3",
|
|
"inverse-primary": "#89d0ed",
|
|
"on-surface": "#191c1e"
|
|
},
|
|
boxShadow: {
|
|
panel: "0 20px 44px rgba(9, 17, 31, 0.06)",
|
|
card: "0 14px 30px rgba(28, 36, 42, 0.06)",
|
|
floating: "0 18px 48px rgba(19, 40, 54, 0.08)"
|
|
},
|
|
borderRadius: {
|
|
DEFAULT: "0.125rem",
|
|
sm: "0.25rem",
|
|
md: "0.25rem",
|
|
lg: "0.25rem",
|
|
xl: "0.5rem",
|
|
full: "0.75rem",
|
|
pill: "9999px"
|
|
}
|
|
}
|
|
},
|
|
plugins: []
|
|
};
|
|
|
|
export default config;
|