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:
Jun Pataleta
2026-03-04 14:00:38 +08:00
parent dcf942624d
commit 507a04edd1
3 changed files with 9 additions and 9 deletions
+3 -3
View File
@@ -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,
+3 -3
View File
@@ -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,
+3 -3
View File
@@ -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,