MDL-87810 question: Fix colour contrast issues on question view
* Lighten the background for the question formulation container. * Lighten the background for the question feedback container while slightly darkening the text font as well.
This commit is contained in:
@@ -347,9 +347,9 @@ body.path-question-type {
|
||||
}
|
||||
.que .outcome,
|
||||
.que .comment {
|
||||
color: shift-color($warning, $alert-color-scale - 9%);
|
||||
color: shift-color($warning, $alert-color-scale);
|
||||
border-color: shift-color($warning, $alert-border-scale);
|
||||
@include gradient-bg(shift-color($warning, $alert-bg-scale));
|
||||
@include gradient-bg(shift-color($warning, $alert-bg-scale - 5%));
|
||||
// Darken link colour inside comments for better colour contrast against regular text.
|
||||
a {
|
||||
color: darken($link-color, 30%);
|
||||
@@ -359,7 +359,7 @@ body.path-question-type {
|
||||
.que .formulation {
|
||||
color: shift-color($info, $alert-color-scale + 40%);
|
||||
border-color: shift-color($info, $alert-border-scale);
|
||||
@include gradient-bg(shift-color($info, $alert-bg-scale));
|
||||
@include gradient-bg(shift-color($info, $alert-bg-scale - 10%));
|
||||
}
|
||||
|
||||
.que.multichoice .answer div.r0 .icon.fa-check,
|
||||
|
||||
@@ -34341,9 +34341,9 @@ body.path-question-type .fitem .col-form-label.visually-hidden:not(legend):not([
|
||||
|
||||
.que .outcome,
|
||||
.que .comment {
|
||||
color: #a67736;
|
||||
color: #90682f;
|
||||
border-color: #fbe6ca;
|
||||
background-color: #fcefdc;
|
||||
background-color: #fdf3e4;
|
||||
}
|
||||
.que .outcome a,
|
||||
.que .comment a {
|
||||
@@ -34353,7 +34353,7 @@ body.path-question-type .fitem .col-form-label.visually-hidden:not(legend):not([
|
||||
.que .formulation {
|
||||
color: #001a1e;
|
||||
border-color: #b3d9e0;
|
||||
background-color: #cce6ea;
|
||||
background-color: #e6f2f5;
|
||||
}
|
||||
|
||||
.que.multichoice .answer div.r0 .icon.fa-check,
|
||||
|
||||
@@ -34341,9 +34341,9 @@ body.path-question-type .fitem .col-form-label.visually-hidden:not(legend):not([
|
||||
|
||||
.que .outcome,
|
||||
.que .comment {
|
||||
color: #a67736;
|
||||
color: #90682f;
|
||||
border-color: #fbe6ca;
|
||||
background-color: #fcefdc;
|
||||
background-color: #fdf3e4;
|
||||
}
|
||||
.que .outcome a,
|
||||
.que .comment a {
|
||||
@@ -34353,7 +34353,7 @@ body.path-question-type .fitem .col-form-label.visually-hidden:not(legend):not([
|
||||
.que .formulation {
|
||||
color: #001a1e;
|
||||
border-color: #b3d9e0;
|
||||
background-color: #cce6ea;
|
||||
background-color: #e6f2f5;
|
||||
}
|
||||
|
||||
.que.multichoice .answer div.r0 .icon.fa-check,
|
||||
|
||||
Reference in New Issue
Block a user