diff --git a/resources/css/app.css b/resources/css/app.css index c501404fdd..112e162152 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -127,6 +127,15 @@ box-shadow: var(--button-depth-hover), 0 0 0 1px var(--color-accent); } +/* Destructive buttons keep a focus indicator in their own red instead of the accent. */ +.button.button-error:not(:disabled):focus-visible { + box-shadow: var(--button-depth), 0 0 0 1px var(--color-red-500); +} + +.button.button-error:not(:disabled):hover:focus-visible { + box-shadow: var(--button-depth-hover), 0 0 0 1px var(--color-red-500); +} + /* Other button-like controls retain the lighter scale feedback. */ .button, .icon-button, diff --git a/resources/views/components/modal-confirmation.blade.php b/resources/views/components/modal-confirmation.blade.php index d09d64ea7e..d2a9f0475e 100644 --- a/resources/views/components/modal-confirmation.blade.php +++ b/resources/views/components/modal-confirmation.blade.php @@ -267,21 +267,21 @@