klg-asutk-app/tailwind.config.ts

44 lines
979 B
TypeScript

import type { Config } from 'tailwindcss';
const config: Config = {
darkMode: 'class',
content: [
'./app/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
'./lib/**/*.{ts,tsx}',
'./hooks/**/*.{ts,tsx}',
],
theme: {
extend: {
colors: {
primary: {
50: '#e8edf4',
100: '#c5d2e3',
200: '#9eb5d0',
300: '#7797bd',
400: '#5981ae',
500: '#1e3a5f', // main brand
600: '#1a3354',
700: '#152b47',
800: '#10223a',
900: '#0b1a2d',
},
accent: {
blue: '#4a90e2',
green: '#4caf50',
orange: '#ff9800',
red: '#e74c3c',
yellow: '#ffc107',
},
},
fontFamily: {
sans: ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
mono: ['JetBrains Mono', 'Consolas', 'monospace'],
},
},
},
plugins: [],
};
export default config;