From 60d350c59d88ed1b669c447bbd2d55e6cf8e020f Mon Sep 17 00:00:00 2001
From: Jun Pataleta <jun@moodle.com>
Date: Thu, 7 Sep 2023 09:24:37 +0800
Subject: [PATCH] MDL-77863 theme_boost: Fix colours

* Fix tag area text shadow colour. It is originally set to
  `rgba(255, 255, 255, 0.5)` so it should be `rgba($white, 0.5)`
  instead of `rgba($black, 0.5)`.
* Revert colour for `$content-item-unread-colour` to `#f4f4f4` instead
  of `$gray-100`.
---
 theme/boost/scss/moodle/popover-region.scss | 2 +-
 theme/boost/scss/moodle/variables.scss      | 2 +-
 theme/boost/style/moodle.css                | 4 ++--
 theme/classic/style/moodle.css              | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/theme/boost/scss/moodle/popover-region.scss b/theme/boost/scss/moodle/popover-region.scss
index 1918c95f44e..428e4109c72 100644
--- a/theme/boost/scss/moodle/popover-region.scss
+++ b/theme/boost/scss/moodle/popover-region.scss
@@ -7,7 +7,7 @@ $region-footer-height: 30px;
 $content-item-hover-colour-bg: $primary;
 $content-item-hover-colour-text: $white;
 $content-item-selected-colour-bg: #4f94cd;
-$content-item-unread-colour: $gray-100;
+$content-item-unread-colour: #f4f4f4;
 $content-header-footer-height: $region-header-height + $region-footer-height;
 
 @mixin invisible() {
diff --git a/theme/boost/scss/moodle/variables.scss b/theme/boost/scss/moodle/variables.scss
index c5e17778d83..41744a67ad8 100644
--- a/theme/boost/scss/moodle/variables.scss
+++ b/theme/boost/scss/moodle/variables.scss
@@ -114,7 +114,7 @@ $comment-paging-current-border-color: #ccc !default;
 $tags-tagarea-border-color:             #e3e3e3 !default;
 $tags-tagarea-title-color:              #999 !default;
 $tags-tagarea-title-border-color:       #e3e3e3 !default;
-$tags-tagarea-title-text-shadow-color:  rgba($black, .5) !default;
+$tags-tagarea-title-text-shadow-color:  rgba($white, .5) !default;
 
 $webservice-doc-td-border-color: $black !default;
 
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 19acda893fc..1d323da774b 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -23641,7 +23641,7 @@ img.user-image {
   font-weight: bold;
   line-height: 20px;
   color: #999;
-  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   text-transform: uppercase;
   word-wrap: break-word;
   border-bottom: solid 1px #e3e3e3;
@@ -36121,7 +36121,7 @@ body {
 }
 .content-item-container.unread {
   margin: 0;
-  background-color: #f8f9fa;
+  background-color: #f4f4f4;
 }
 .content-item-container.unread:hover {
   color: #fff;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 5b1f5f792f9..f3df6c107cc 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -23641,7 +23641,7 @@ img.user-image {
   font-weight: bold;
   line-height: 20px;
   color: #999;
-  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   text-transform: uppercase;
   word-wrap: break-word;
   border-bottom: solid 1px #e3e3e3;
@@ -36055,7 +36055,7 @@ body {
 }
 .content-item-container.unread {
   margin: 0;
-  background-color: #f8f9fa;
+  background-color: #f4f4f4;
 }
 .content-item-container.unread:hover {
   color: #fff;