Merge pull request #19516 from overleaf/rd-form-focus-invalid

Partial revert "Match :focus-visible pseudo-class with focused style"

GitOrigin-RevId: 1d8af364e3c19f2b3804ab40c36984a9cbd87e3e

services/web/frontend/stylesheets/components/forms.less

@@ -338,20 +338,6 @@ input[type='checkbox'],
   }
 }
 
-.form-control:invalid {
-  &:focus {
-    border-color: @form-feedback-invalid-color;
-    box-shadow: @form-feedback-invalid-box-shadow;
-  }
-}
-
-.form-control[data-ol-dirty]:invalid {
-  &:focus-visible {
-    border-color: @form-feedback-invalid-color;
-    box-shadow: @form-feedback-invalid-box-shadow;
-  }
-}
-
 // Static form control text
 //
 // Apply class to a `p` element to make any string of text align with labels in

services/web/frontend/stylesheets/variables/all.less

@@ -277,10 +277,6 @@
 //** Border color for textual input addons
 @input-group-addon-border-color: @input-border;
 
-//** Invalid state of the form input
-@form-feedback-invalid-color: @red-50;
-@form-feedback-invalid-box-shadow: 0 0 0 2px @red-30;
-
 //== Dropdowns
 //
 //## Dropdown menu container and contents.