From 6904ae8a737d4b3e8a721afe891e20821f49d034 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikel=20Mart=C3=ADn?= <mikel@moodle.com>
Date: Wed, 26 Feb 2025 14:59:53 +0100
Subject: [PATCH] MDL-84647 theme_boost: Fix coloured table rows

After the Bootstrap 5 upgrade, table rows with defined text colour
(using "text-muted" helper class) were not affecting the inner cells.
Add a custom rule in tables.scss to avoid that behaviour.
---
 theme/boost/scss/moodle/tables.scss | 5 +++++
 theme/boost/style/moodle.css        | 4 ++++
 theme/classic/style/moodle.css      | 4 ++++
 3 files changed, 13 insertions(+)

diff --git a/theme/boost/scss/moodle/tables.scss b/theme/boost/scss/moodle/tables.scss
index 64aec292b97..c418c58ab7a 100644
--- a/theme/boost/scss/moodle/tables.scss
+++ b/theme/boost/scss/moodle/tables.scss
@@ -57,6 +57,11 @@
             }
         }
     }
+    // Allow table cells to inherit text color and background color from table rows.
+    tbody td {
+        color: inherit;
+        background-color: inherit;
+    }
 }
 
 table {
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 4fb73932626..f8c80846580 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -37334,6 +37334,10 @@ img.userpicture {
 .generaltable tbody tr:hover td.sticky-column {
   background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);
 }
+.generaltable tbody td {
+  color: inherit;
+  background-color: inherit;
+}
 
 table caption {
   font-size: 24px;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 767c7d8554c..13ca75b2ef0 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -37340,6 +37340,10 @@ img.userpicture {
 .generaltable tbody tr:hover td.sticky-column {
   background-color: rgba(var(--bs-emphasis-color-rgb), 0.075);
 }
+.generaltable tbody td {
+  color: inherit;
+  background-color: inherit;
+}
 
 table caption {
   font-size: 24px;