77 lines
1.7 KiB
JavaScript
77 lines
1.7 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Apple Design System Colors
|
|
apple: {
|
|
blue: '#007AFF',
|
|
green: '#34C759',
|
|
indigo: '#5856D6',
|
|
orange: '#FF9500',
|
|
pink: '#FF2D55',
|
|
purple: '#AF52DE',
|
|
red: '#FF3B30',
|
|
teal: '#5AC8FA',
|
|
yellow: '#FFCC00',
|
|
},
|
|
// System Colors
|
|
system: {
|
|
gray: {
|
|
1: '#8E8E93',
|
|
2: '#AEAEB2',
|
|
3: '#C7C7CC',
|
|
4: '#D1D1D6',
|
|
5: '#E5E5EA',
|
|
6: '#F2F2F7',
|
|
},
|
|
background: {
|
|
primary: '#FFFFFF',
|
|
secondary: '#F2F2F7',
|
|
tertiary: '#FFFFFF',
|
|
},
|
|
label: {
|
|
primary: '#000000',
|
|
secondary: '#3C3C43',
|
|
tertiary: '#3C3C4399',
|
|
quaternary: '#3C3C434D',
|
|
},
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'-apple-system',
|
|
'BlinkMacSystemFont',
|
|
'"SF Pro Display"',
|
|
'"SF Pro Text"',
|
|
'"Helvetica Neue"',
|
|
'Helvetica',
|
|
'Arial',
|
|
'sans-serif',
|
|
],
|
|
},
|
|
borderRadius: {
|
|
'apple': '10px',
|
|
'apple-lg': '14px',
|
|
'apple-xl': '20px',
|
|
},
|
|
boxShadow: {
|
|
'apple': '0 2px 8px rgba(0, 0, 0, 0.1)',
|
|
'apple-lg': '0 4px 16px rgba(0, 0, 0, 0.15)',
|
|
'apple-xl': '0 8px 32px rgba(0, 0, 0, 0.2)',
|
|
},
|
|
backdropBlur: {
|
|
'apple': '20px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
],
|
|
}
|
|
|