From daaf930fe517168228cf308dcf00c40e1fb74cf7 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
(grafted from 3899ec3c773815dd78935e9c3471a7c54310d0af)

--HG--
branch : 6.0
---
 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 dd07be5683..3ae25013d3 100644
--- a/sao/src/theme.less
+++ b/sao/src/theme.less
@@ -234,6 +234,10 @@ input[type="radio"],
         outline: none;
     }
 
+    &:focus:after {
+        border-color: @brand-info !important;
+    }
+
     &:before,
     &:after {
         content: "";
@@ -297,8 +301,8 @@ input[type="checkbox"],
         outline: none;
     }
 
-    &:focus:before {
-        border-color: @brand-primary;
+    &:focus:after {
+        border-color: @brand-info !important;
     }
 
     &:before {