Merge pull request #2088 from owncloud/26052021_idp-color-contrasts

Improve color contrasts on IDP login
This commit is contained in:
Pascal Wengerter
2021-05-27 09:37:28 +01:00
committed by GitHub
4 changed files with 91 additions and 75 deletions

View File

@@ -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

View File

File diff suppressed because one or more lines are too long

View File

@@ -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 {