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

@@ -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 {