Files
VolunteerManage-for-byw/client/tailwind.config.ts
T
2026-10-04 22:12:17 +08:00

104 lines
2.4 KiB
TypeScript

import type { Config } from 'tailwindcss';
const config: Config = {
content: ['./index.html', './src/**/*.{ts,tsx}'],
theme: {
borderRadius: {
DEFAULT: '0px',
none: '0px',
sm: '0px',
md: '0px',
lg: '0px',
xl: '0px',
'2xl': '0px',
full: '9999px',
},
boxShadow: {
DEFAULT: '4px 4px 0 0 #0f172a',
sm: '2px 2px 0 0 #0f172a',
lg: '6px 6px 0 0 #0f172a',
xl: '8px 8px 0 0 #0f172a',
none: '0 0 0 0 #000',
amber: '4px 4px 0 0 #b45309',
},
colors: {
black: '#0f172a',
ink: '#020617',
white: '#FFFFFF',
paper: '#fafaf6',
gray: {
50: '#F8FAFC',
100: '#F1F5F9',
200: '#E2E8F0',
300: '#CBD5E1',
400: '#94A3B8',
500: '#64748B',
600: '#475569',
700: '#334155',
800: '#1E293B',
900: '#0F172A',
},
blue: {
50: '#EFF6FF',
100: '#DBEAFE',
200: '#BFDBFE',
400: '#60A5FA',
500: '#2563EB',
600: '#1D4ED8',
700: '#1E40AF',
800: '#1E3A8A',
},
amber: {
50: '#FFFBEB',
100: '#FEF3C7',
300: '#FCD34D',
400: '#FBBF24',
500: '#F59E0B',
600: '#D97706',
700: '#B45309',
},
red: {
400: '#F87171',
500: '#EF4444',
600: '#DC2626',
700: '#B91C1C',
},
green: {
400: '#4ADE80',
500: '#22C55E',
600: '#16A34A',
},
},
fontFamily: {
sans: [
'"Noto Sans SC"', '"PingFang SC"', '"Microsoft YaHei"',
'ui-sans-serif', 'system-ui', 'sans-serif',
],
display: [
'"Instrument Serif"', '"Noto Serif SC"', '"Source Han Serif"',
'"Songti SC"', 'SimSun', 'serif',
],
mono: ['JetBrains Mono', 'ui-monospace', 'SFMono-Regular', 'monospace'],
},
extend: {
keyframes: {
'stagger-in': {
'0%': { opacity: '0', transform: 'translateY(8px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
'slide-down': {
'0%': { opacity: '0', transform: 'translateY(-16px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
},
animation: {
'stagger-in': 'stagger-in 0.3s ease-out both',
'slide-down': 'slide-down 0.25s ease-out both',
},
},
},
plugins: [],
};
export default config;