Improve color contrasts on IDP login

changelog/unreleased/enhancement-idp-color-contrasts

@@ -0,0 +1,6 @@
+Enhancement: Color contrasts on IDP/OIDC login pages
+
+We have updated the color contrasts on the IDP pages 
+in order to improve accessibility.
+
+https://github.com/owncloud/ocis/pull/2088

idp/ui/src/app.css

@@ -38,7 +38,7 @@ strong {
 
 .oc-progress > div {
   /* Needs to be important to overwrite material-ui */
-  background-color: #4e85c8 !important;
+  background-color: #4a76ac !important;
 }
 
 .oc-input {
@@ -61,7 +61,11 @@ strong {
 
 .oc-input.error {
   outline: none;
-  border: 1px solid #f44336;
+  border: 1px solid #fe4600;
+}
+
+.MuiTypography-colorError {
+  color: #fe4600 !important;
 }
 
 .oc-input:focus {
@@ -77,6 +81,10 @@ strong {
   margin-top: 15px;
 }
 
+.MuiTouchRipple-root {
+  display: none !important;
+}
+
 .oc-button {
   /* Needs to be important to overwrite material-ui */
   font-size: 1.0625rem !important;
@@ -84,13 +92,15 @@ strong {
 
 .oc-button-primary {
   /* Needs to be important to overwrite material-ui */
-  background-color: #4e85c8 !important;
+  background-color: #4a76ac !important;
+  border: 1px solid transparent !important;
 }
 
 .oc-button-primary:hover,
 .oc-button-primary:focus {
   /* Needs to be important to overwrite material-ui */
-  background-color: #306db5 !important;
+  background-color: #4a76ac !important;
+  border: 1px solid white !important;
 }
 
 .oc-checkbox-dark svg {