open-consul/ui-v2/app/styles/base/components/form-elements/skin.scss

%form-element-text-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: inset $decor-elevation-100;
  border-radius: $decor-radius-100;
  border: $decor-border-100;
  outline: none;
}
%form fieldset > p,
%form-element-note,
%form-element-text-input::placeholder {
  color: $gray-400;
}
%form-element-note > code {
  border-radius: $decor-radius-100;
}
%form-element-error > input,
%form-element-error > textarea {
  border-color: var(--decor-error-500, $red-500) !important;
}
%form-element-text-input {
  color: $gray-500;
  border-color: $gray-300;
}
%form-element-text-input-hover {
  border-color: $gray-500;
}
%form-element-text-input-focus {
  border-color: var(--typo-action-500, $blue-500);
}
%form-element-label {
  color: var(--typo-contrast-999, inherit);
}
%form-element-note > code {
  background-color: $gray-200;
  color: var(--typo-brand-600, inherit);
}