50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
/* Suno theme colors — matching hot-step-9000 */
|
|
suno: {
|
|
DEFAULT: '#09090b',
|
|
sidebar: '#000000',
|
|
panel: '#121214',
|
|
card: '#18181b',
|
|
hover: '#27272a',
|
|
border: '#27272a',
|
|
},
|
|
|
|
/* Semantic colors */
|
|
brand: {
|
|
DEFAULT: '#ec4899',
|
|
hover: '#db2777',
|
|
light: '#f472b6',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
},
|
|
animation: {
|
|
'gradient-x': 'gradient-x 15s ease infinite',
|
|
},
|
|
keyframes: {
|
|
'gradient-x': {
|
|
'0%, 100%': {
|
|
'background-size': '200% 200%',
|
|
'background-position': 'left center',
|
|
},
|
|
'50%': {
|
|
'background-size': '200% 200%',
|
|
'background-position': 'right center',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|