Files
goldenChart/visible-ars/tailwind.config.js
T
2026-06-25 01:00:23 +09:00

57 lines
1.4 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: ['./index.html', './src/**/*.{js,jsx}'],
darkMode: 'class',
theme: {
extend: {
colors: {
trust: {
DEFAULT: '#0047AB',
50: '#E8F0FA',
100: '#C5D9F2',
600: '#0047AB',
700: '#003A8C',
800: '#002D6D',
},
safety: {
DEFAULT: '#28A745',
50: '#E8F5EC',
600: '#28A745',
700: '#1E7E34',
},
emergency: {
red: '#DC3545',
orange: '#FD7E14',
},
},
fontFamily: {
sans: ['Pretendard', '-apple-system', 'BlinkMacSystemFont', 'system-ui', 'sans-serif'],
},
boxShadow: {
card: '0 2px 12px rgba(0, 71, 171, 0.08)',
'card-dark': '0 2px 16px rgba(0, 0, 0, 0.35)',
},
animation: {
'fade-in': 'fadeIn 0.35s ease-out',
'slide-up': 'slideUp 0.35s ease-out',
wave: 'wave 1.2s ease-in-out infinite',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
slideUp: {
'0%': { opacity: '0', transform: 'translateY(12px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
wave: {
'0%, 100%': { transform: 'scaleY(0.4)' },
'50%': { transform: 'scaleY(1)' },
},
},
},
},
plugins: [],
};