custom-input-light.component.css

/* Styles here can easily be cleaned up using SCSS */

:host-context(.light) input {
  border:1px solid #0080ff;
  background-color:#fff;
  color:#0080ff;
}

:host-context(.light) input:disabled,
:host-context(.light) input[disabled]{
  border:1px solid #d3d3d3;
  background-color:#fafafa;
}

:host-context(.light) .failure input{
  background-color:#ffe5e5;
  border:1px solid red;
}

:host-context(.light) .success input {
  background-color:#e5ffe5;
  border:1px solid green;
}