Files
tfm_ainventory/frontend/tailwind.config.ts
2026-04-25 12:04:02 +03:00

69 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}",
],
theme: {
fontSize: {
'xs': '13px',
'sm': '15px',
'base': '18px',
'lg': '20px',
'xl': '22px',
'2xl': '26px',
'3xl': '32px',
'4xl': '36px',
'5xl': '48px',
},
extend: {
fontFamily: {
sans: ["var(--font-body)", "Inter", "sans-serif"],
data: ["var(--font-data)", "Space Grotesk", "sans-serif"],
},
colors: {
background: "#0c1322",
foreground: "#dce2f7",
surface: {
DEFAULT: "#0c1322",
container: "#191f2f",
bright: "#323949",
},
primary: {
DEFAULT: "#ffc174",
foreground: "#472a00",
},
secondary: {
DEFAULT: "#ffb599",
foreground: "#5a1c00",
},
muted: {
DEFAULT: "#8B95AD",
foreground: "#dce2f7",
},
outline: {
DEFAULT: "#a08e7a",
variant: "#534434",
},
border: "#a08e7a",
success: "#10B981",
error: "#ffb4ab",
warning: "#f59e0b",
},
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;