Unverified Commit e35fdf5a authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3242456 by mherchel, andy-blum, scorbine: Insufficient contrast on... 

Issue #3242456 by mherchel, andy-blum, scorbine: Insufficient contrast on Olivero's fieldset elements

(cherry picked from commit 3c98f0ea)
parent 6c046beb

core/themes/olivero/css/components/fieldset.css

+4 −4
Original line number Diff line number Diff line
@@ -49,7 +49,7 @@ 
  padding-top: 0;

  padding-bottom: 0;

  color: inherit;

  border: solid 2px #7e96a7;

  border: solid 2px #5d7585;

  border-radius: 0.1875rem;

  background-color: #fff;

}
@@ -78,7 +78,7 @@ _:-ms-fullscreen, 
  color: inherit;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

  background-color: #7e96a7;

  background-color: #5d7585;

  font-size: 1.125rem;

  font-weight: 700;

  line-height: 1.6875rem
@@ -130,7 +130,7 @@ _:-ms-fullscreen, 
}



.fieldset__label.is-disabled {

  color: #7e96a7;

  color: #5d7585;

}



.fieldset__description {
@@ -185,7 +185,7 @@ _:-ms-fullscreen, 
}



.fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper {

  border: solid 2px #7e96a7;

  border: solid 2px #5d7585;

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}

core/themes/olivero/css/components/fieldset.pcss.css

+4 −4
Original line number Diff line number Diff line
@@ -14,7 +14,7 @@ 
  padding-inline-start: 0;

  padding-inline-end: 0;

  color: inherit;

  border: solid 2px var(--color--gray-30);

  border: solid 2px var(--color--gray-25);

  border-radius: var(--border-radius);

  background-color: var(--color--white);

}
@@ -42,7 +42,7 @@ _:-ms-fullscreen, 
  color: inherit;

  border-top-left-radius: var(--border-radius);

  border-top-right-radius: var(--border-radius);

  background-color: var(--color--gray-30);

  background-color: var(--color--gray-25);

  font-size: var(--font-size-l);

  font-weight: 700;

  line-height: var(--line-height-base);
@@ -83,7 +83,7 @@ _:-ms-fullscreen, 
}



.fieldset__label.is-disabled {

  color: var(--color--gray-30);

  color: var(--color--gray-25);

}



.fieldset__description {
@@ -126,7 +126,7 @@ _:-ms-fullscreen, 
}



.fieldset--group .fieldset__legend--visible ~ .fieldset__wrapper {

  border: solid 2px var(--color--gray-30);

  border: solid 2px var(--color--gray-25);

  border-bottom-right-radius: var(--border-radius);

  border-bottom-left-radius: var(--border-radius);

}