gongxiangp2/tailwind.config.ts

45 lines
1.2 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import type { Config } from 'tailwindcss'
const config: Config = {
content: [
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
],
darkMode: 'class', // 深色主题已废弃(2026-08-15 用户裁定:全站统一浅色新视觉);class 策略且项目不挂 .dark 类 => dark: 变体全部失效
theme: {
extend: {
colors: {
primary: {
50: '#f0f9ff',
100: '#e0f2fe',
200: '#bae6fd',
300: '#7dd3fc',
400: '#38bdf8',
500: '#0ea5e9',
600: '#0284c7',
700: '#0369a1',
800: '#075985',
900: '#0c4a6e',
},
},
fontFamily: {
sans: ['"Space Grotesk"', '"Noto Sans SC"', 'ui-sans-serif', 'system-ui', 'sans-serif'],
display: ['"Space Grotesk"', '"Noto Sans SC"', 'ui-sans-serif', 'system-ui', 'sans-serif'],
en: ['"Space Grotesk"', 'ui-sans-serif', 'system-ui', 'sans-serif'],
},
borderRadius: {
'apple': '12px',
},
boxShadow: {
'apple': '0 4px 12px rgba(0, 0, 0, 0.08)',
'apple-lg': '0 8px 24px rgba(0, 0, 0, 0.12)',
},
},
},
plugins: [],
}
export default config