diff --git a/packages/propel/src/button/helper.tsx b/packages/propel/src/button/helper.tsx index 16c6e7431bc..9e332d55f0b 100644 --- a/packages/propel/src/button/helper.tsx +++ b/packages/propel/src/button/helper.tsx @@ -17,9 +17,9 @@ export const buttonVariants = cva( "error-fill": "bg-danger-primary text-on-color hover:bg-danger-primary-hover active:bg-danger-primary-active disabled:bg-layer-disabled disabled:text-disabled", "error-outline": - "border border-danger-strong bg-layer-2 text-danger-primary hover:bg-danger-subtle active:bg-danger-subtle-hover disabled:border-subtle-1 disabled:bg-layer-2 disabled:text-disabled", + "bg-layer-2 hover:bg-danger-subtle active:bg-danger-subtle-hover disabled:bg-layer-2 text-danger-secondary disabled:text-disabled border border-danger-strong disabled:border-subtle-1", secondary: - "border border-strong bg-layer-2 text-secondary shadow-raised-100 hover:bg-layer-2-hover active:bg-layer-2-active disabled:border-subtle-1 disabled:bg-layer-transparent disabled:text-disabled", + "bg-layer-2 hover:bg-layer-2-hover active:bg-layer-2-active disabled:bg-layer-transparent text-secondary disabled:text-disabled border border-strong disabled:border-subtle-1 shadow-raised-100", tertiary: "bg-layer-3 text-secondary hover:bg-layer-3-hover active:bg-layer-3-active disabled:bg-layer-transparent disabled:text-disabled", ghost: diff --git a/packages/tailwind-config/variables.css b/packages/tailwind-config/variables.css index 2a3fed91b42..1f697cdb55e 100644 --- a/packages/tailwind-config/variables.css +++ b/packages/tailwind-config/variables.css @@ -527,7 +527,7 @@ --border-success-subtle: var(--green-200); --border-warning-strong: var(--amber-400); --border-warning-subtle: var(--amber-200); - --border-danger-strong: var(--red-400); + --border-danger-strong: var(--red-700); --border-danger-subtle: var(--red-200); /* Text colors */ --txt-primary: var(--neutral-1200);