64 lines
1.5 KiB
TypeScript
64 lines
1.5 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: {
|
|
fontSize: {
|
|
'xs': '12px',
|
|
'sm': '14px', // Design: label-md, mono-data
|
|
'base': '16px', // Design: body-md
|
|
'lg': '18px', // Design: body-lg
|
|
'xl': '20px',
|
|
'2xl': '24px', // Design: headline-sm
|
|
'3xl': '30px',
|
|
'4xl': '32px', // Design: headline-md
|
|
'5xl': '48px', // Design: headline-lg
|
|
'6xl': '64px',
|
|
},
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ["'Space Grotesk'", "sans-serif"],
|
|
},
|
|
colors: {
|
|
background: "#131313",
|
|
foreground: "#FFFFFF",
|
|
surface: "#0A0A0A",
|
|
"surface-container": "#121212",
|
|
"surface-bright": "#1A1A1A",
|
|
primary: {
|
|
DEFAULT: "#F58618",
|
|
foreground: "#000000",
|
|
},
|
|
secondary: {
|
|
DEFAULT: "#888888",
|
|
foreground: "#FFFFFF",
|
|
},
|
|
muted: {
|
|
DEFAULT: "#444444",
|
|
foreground: "#888888",
|
|
},
|
|
border: "#222222",
|
|
success: "#00FF41",
|
|
error: "#FF3131",
|
|
warning: "#F58618",
|
|
},
|
|
keyframes: {
|
|
scan: {
|
|
'0%, 100%': { top: '0%' },
|
|
'50%': { top: '100%' },
|
|
}
|
|
},
|
|
animation: {
|
|
'scan-fast': 'scan 2.5s ease-in-out infinite',
|
|
'spin-slow': 'spin 3s linear infinite',
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|