From bd4b030518a48f1bf614f011367ba5cf968973e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Wed, 28 May 2025 18:05:16 +0200
Subject: [PATCH] Change the border color of checkbox and radio when focus

This provides a visual hint that the element has the focus.

Closes #14043
---
 sao/src/theme.less | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/sao/src/theme.less b/sao/src/theme.less
index 287121ac78..c3ac9246fc 100644
--- a/sao/src/theme.less
+++ b/sao/src/theme.less
@@ -243,6 +243,10 @@ input[type="radio"],
         outline: none;
     }
 
+    &:focus:after {
+        border-color: @brand-info !important;
+    }
+
     &:before,
     &:after {
         content: "";
@@ -315,8 +319,8 @@ input[type="checkbox"],
         outline: none;
     }
 
-    &:focus:before {
-        border-color: @brand-primary;
+    &:focus:after {
+        border-color: @brand-info !important;
     }
 
     &:after {