+
义工时长查询
请输入您的姓名查询个人义工时长
diff --git a/client/tailwind.config.ts b/client/tailwind.config.ts
index 8be93b3..767fd6a 100644
--- a/client/tailwind.config.ts
+++ b/client/tailwind.config.ts
@@ -13,38 +13,89 @@ const config: Config = {
'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: '#111111',
+ black: '#0f172a',
+ ink: '#020617',
white: '#FFFFFF',
+ paper: '#fafaf6',
gray: {
- 50: '#FAFAFA',
- 100: '#F5F5F5',
- 200: '#E5E5E5',
- 300: '#D4D4D4',
- 400: '#A3A3A3',
- 500: '#737373',
- 600: '#525252',
- 700: '#404040',
- 800: '#262626',
- 900: '#171717',
+ 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',
- 500: '#3B82F6',
- 600: '#2563EB',
- 700: '#1D4ED8',
+ 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',
},
},
- extend: {},
+ 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: [],
};