wing-ops/frontend/tailwind.config.js

62 lines
1.4 KiB
JavaScript
Executable File

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
bg: {
0: '#0a0e1a',
1: '#0f1524',
2: '#121929',
3: '#1a2236',
hover: '#1e2844',
},
border: {
DEFAULT: '#1e2a42',
light: '#2a3a5c',
},
text: {
1: '#edf0f7',
2: '#b0b8cc',
3: '#8690a6',
},
primary: {
blue: '#3b82f6',
cyan: '#06b6d4',
purple: '#a855f7',
},
status: {
red: '#ef4444',
orange: '#f97316',
yellow: '#eab308',
green: '#22c55e',
},
boom: {
DEFAULT: '#f59e0b',
hover: '#fbbf24',
},
},
fontFamily: {
sans: ['Outfit', 'Noto Sans KR', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace'],
korean: ['Noto Sans KR', 'sans-serif'],
},
fontSize: {
'wing-meta': ['9px', { lineHeight: '1.4' }],
'wing-caption': ['10px', { lineHeight: '1.4' }],
'wing-body': ['11px', { lineHeight: '1.5' }],
'wing-heading': ['13px', { lineHeight: '1.4' }],
'wing-title': ['15px', { lineHeight: '1.3' }],
},
borderRadius: {
sm: '6px',
md: '10px',
},
},
},
plugins: [],
}