wing-ops/frontend/tailwind.config.js

68 lines
2.5 KiB
JavaScript
Executable File

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
bg: {
base: '#0a0e1a',
surface: '#0f1524',
elevated: '#121929',
card: '#1a2236',
'surface-hover': '#1e2844',
},
stroke: {
DEFAULT: '#1e2a42',
light: '#2a3a5c',
},
fg: {
DEFAULT: '#edf0f7',
sub: '#c0c8dc',
disabled: '#9ba3b8',
},
color: {
accent: '#06b6d4',
info: '#3b82f6',
tertiary: '#a855f7',
danger: '#ef4444',
warning: '#f97316',
caution: '#eab308',
success: '#22c55e',
boom: {
DEFAULT: '#f59e0b',
hover: '#fbbf24',
},
},
},
fontSize: {
'display-1': ['3.75rem', { lineHeight: '1.3' }],
'display-2': ['2.5rem', { lineHeight: '1.3' }],
'display-3': ['2.25rem', { lineHeight: '1.4' }],
'heading-1': ['2rem', { lineHeight: '1.4' }],
'heading-2': ['1.5rem', { lineHeight: '1.4' }],
'heading-3': ['1.375rem', { lineHeight: '1.4' }],
'title-1': ['1.125rem', { lineHeight: '1.5' }],
'title-2': ['1rem', { lineHeight: '1.5' }],
'body-1': ['0.875rem', { lineHeight: '1.6' }],
'body-2': ['0.8125rem', { lineHeight: '1.6' }],
'label-1': ['0.75rem', { lineHeight: '1.5' }],
'label-2': ['0.6875rem', { lineHeight: '1.5' }],
'caption': ['0.6875rem', { lineHeight: '1.5' }],
},
fontFamily: {
sans: ['PretendardGOV', '-apple-system', 'BlinkMacSystemFont', 'Apple SD Gothic Neo', 'Pretendard Variable', 'Pretendard', 'Roboto', 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'sans-serif'],
mono: ['PretendardGOV', '-apple-system', 'BlinkMacSystemFont', 'Apple SD Gothic Neo', 'Pretendard Variable', 'Pretendard', 'Roboto', 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'sans-serif'],
korean: ['PretendardGOV', '-apple-system', 'BlinkMacSystemFont', 'Apple SD Gothic Neo', 'Pretendard Variable', 'Pretendard', 'Roboto', 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'sans-serif'],
},
borderRadius: {
sm: '6px',
md: '10px',
},
},
},
plugins: [],
}