From 507a04edd1cc5be250c4ef29dd2907991dcf4d8c Mon Sep 17 00:00:00 2001
From: Jun Pataleta <jun@moodle.com>
Date: Wed, 4 Mar 2026 14:00:38 +0800
Subject: [PATCH] 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.
---
 public/theme/boost/scss/moodle/question.scss | 6 +++---
 public/theme/boost/style/moodle.css          | 6 +++---
 public/theme/classic/style/moodle.css        | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/public/theme/boost/scss/moodle/question.scss b/public/theme/boost/scss/moodle/question.scss
index fffaf2c441e..4f48a79efa6 100644
--- a/public/theme/boost/scss/moodle/question.scss
+++ b/public/theme/boost/scss/moodle/question.scss
@@ -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,
diff --git a/public/theme/boost/style/moodle.css b/public/theme/boost/style/moodle.css
index 32aacf3d33b..c736d363b09 100644
--- a/public/theme/boost/style/moodle.css
+++ b/public/theme/boost/style/moodle.css
@@ -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,
diff --git a/public/theme/classic/style/moodle.css b/public/theme/classic/style/moodle.css
index bdfa3519549..d56b8051038 100644
--- a/public/theme/classic/style/moodle.css
+++ b/public/theme/classic/style/moodle.css
@@ -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,