Replaced generic spinning character with a custom SVG eighth note bouncing against four staff lines. Added note-bounce keyframe to Tailwind config (0.6s ease-in-out infinite). More on-brand for a music tool than a generic spinner.
35 lines
884 B
JavaScript
35 lines
884 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
'kithara-dark': '#0a0a0f',
|
|
'kithara-panel': '#12121a',
|
|
'kithara-surface': '#1a1a24',
|
|
'kithara-accent': '#ff6b35',
|
|
'kithara-text': '#e0e0e0',
|
|
'kithara-muted': '#6b6b7b',
|
|
},
|
|
keyframes: {
|
|
'marquee-scroll': {
|
|
'0%': { transform: 'translateX(0)' },
|
|
'100%': { transform: 'translateX(-50%)' },
|
|
},
|
|
'note-bounce': {
|
|
'0%, 100%': { transform: 'translateY(0)' },
|
|
'50%': { transform: 'translateY(-3px)' },
|
|
},
|
|
},
|
|
animation: {
|
|
'marquee': 'marquee-scroll linear infinite',
|
|
'note-bounce': 'note-bounce 0.6s ease-in-out infinite',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|