feat: add clear tabbed focus state to form inputs

src/Umbraco.Web.UI.Client/src/less/forms.less

@@ -250,7 +250,10 @@ input[type="color"],
   &:focus {
     border-color: @inputBorderFocus;
     outline: 0;
-    outline: none \9; /* IE6-9 */
+
+    .tabbing-active & {
+        outline: 2px solid @inputBorderTabFocus;
+    }
   }
 }
 

src/Umbraco.Web.UI.Client/src/less/variables.less

@@ -376,6 +376,7 @@
 @inputBackground:               @white;
 @inputBorder:                   @gray-8;
 @inputBorderFocus:              @gray-7;
+@inputBorderTabFocus:           @blue;
 @inputBorderRadius:             0;
 @inputDisabledBackground:       @gray-10;
 @formActionsBackground:         @gray-9;