35 lines
1.0 KiB
JavaScript
35 lines
1.0 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'macos': {
|
|
'gray': '#f5f5f7',
|
|
'border': '#e5e5e7',
|
|
'blue': '#0071e3',
|
|
'green': '#29c76f',
|
|
'red': '#ff3b30',
|
|
'text': '#1d1d1f',
|
|
'subtext': '#86868b'
|
|
}
|
|
},
|
|
boxShadow: {
|
|
'macos': '0 0 20px rgba(0, 0, 0, 0.05)',
|
|
'macos-hover': '0 0 25px rgba(0, 0, 0, 0.1)',
|
|
'macos-button': '0 1px 2px rgba(0, 0, 0, 0.07)',
|
|
},
|
|
backgroundImage: {
|
|
'gradient-macos': 'linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85))',
|
|
'gradient-macos-hover': 'linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8))',
|
|
'gradient-blue': 'linear-gradient(180deg, #0077ed, #0071e3)',
|
|
'gradient-blue-hover': 'linear-gradient(180deg, #0071e3, #006ad8)',
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|