230417/smartagenda_pap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: update button component color palette from amber to indigo

Browse Source
This commit is contained in:
230417
2026-04-29 10:10:07 +01:00
parent 9b3db2a562
commit d975e3fea0
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/ui/button.tsx
View File

@@ -10,9 +10,9 @@ type Props = React.ButtonHTMLAttributes<HTMLButtonElement> & {
export const Button = ({ className, variant = 'solid', size = 'md', asChild, ...props }: Props) => {
const base = 'inline-flex items-center justify-center font-semibold transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed';
const variants = {
solid: 'bg-gradient-to-r from-amber-500 to-amber-600 text-white hover:from-amber-600 hover:to-amber-700 shadow-md hover:shadow-lg focus:ring-amber-500/50 active:scale-[0.98]',
outline: 'border-2 border-amber-500 text-amber-700 bg-white hover:bg-amber-50 hover:border-amber-600 focus:ring-amber-500/50 active:scale-[0.98]',
ghost: 'text-amber-700 hover:bg-amber-50 focus:ring-amber-500/50 active:scale-[0.98]',
solid: 'bg-gradient-to-r from-indigo-500 to-indigo-600 text-white hover:from-indigo-600 hover:to-indigo-700 shadow-md hover:shadow-lg focus:ring-indigo-500/50 active:scale-[0.98]',
outline: 'border-2 border-indigo-500 text-indigo-700 bg-white hover:bg-indigo-50 hover:border-indigo-600 focus:ring-indigo-500/50 active:scale-[0.98]',
ghost: 'text-indigo-700 hover:bg-indigo-50 focus:ring-indigo-500/50 active:scale-[0.98]',
danger: 'bg-gradient-to-r from-rose-500 to-rose-600 text-white hover:from-rose-600 hover:to-rose-700 shadow-md hover:shadow-lg focus:ring-rose-500/50 active:scale-[0.98]',
};
const sizes = {