51248b24f7
- Apply new teal-based color palette (#009688, #00796B, #B2DFDB) - Update secondary color to accent yellow (#FFC107) - Replace Material-UI loading states with proper animations and skeletons - Remove ugly gradient background, replace with clean white - Update all gradients to use new color scheme - Improve text colors for better readability (#212121, #757575) 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
30 lines
527 B
CSS
30 lines
527 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--foreground-rgb: 0, 0, 0;
|
|
--background-start-rgb: 214, 219, 220;
|
|
--background-end-rgb: 255, 255, 255;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--foreground-rgb: 255, 255, 255;
|
|
--background-start-rgb: 0, 0, 0;
|
|
--background-end-rgb: 0, 0, 0;
|
|
}
|
|
}
|
|
|
|
body {
|
|
color: rgb(var(--foreground-rgb));
|
|
background: white;
|
|
}
|
|
|
|
.verse {
|
|
transition: background-color 0.2s ease;
|
|
}
|
|
|
|
.verse:hover {
|
|
background-color: rgba(255, 235, 59, 0.2);
|
|
} |