Tweaked buttons for accessibility
This commit is contained in:
@@ -13,6 +13,8 @@ export const BUTTON_COLOR_DARK_RED = "dark-red";
|
||||
export const BUTTON_COLOR_YELLOW = "yellow";
|
||||
export const BUTTON_COLOR_ORANGE = "orange";
|
||||
export const BUTTON_COLOR_PRIMARY = "primary";
|
||||
export const BUTTON_COLOR_SECONDARY = "secondary";
|
||||
export const BUTTON_COLOR_GHOST = "ghost";
|
||||
|
||||
const BASE = "inline-flex items-center justify-center gap-2 cursor-pointer text-sm font-normal rounded-default transition disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-current focus-visible:outline-offset-2";
|
||||
|
||||
@@ -31,7 +33,7 @@ const COLORS: Record<string, string> = {
|
||||
"red": "shadow-xs bg-red-700 text-white hover:bg-red-800",
|
||||
"dark-red": "shadow-xs bg-red-900 text-white hover:bg-red-950",
|
||||
"yellow": "shadow-xs bg-yellow-700 text-white hover:bg-yellow-800",
|
||||
"orange": "shadow-xs bg-orange-600 text-white hover:bg-orange-700",
|
||||
"orange": "shadow-xs bg-orange-700 text-white hover:bg-orange-800",
|
||||
"primary": "shadow-xs bg-primary text-white hover:bg-primary-hover",
|
||||
"secondary": "shadow-none bg-surface-raised text-ink border border-line-strong hover:bg-surface-strong",
|
||||
"ghost": "shadow-none bg-transparent text-ink-soft border-none hover:bg-surface-raised",
|
||||
|
||||
Reference in New Issue
Block a user