diff --git a/theme/boost/scss/moodle/dashboard.scss b/theme/boost/scss/moodle/dashboard.scss
index 64b657320af..70ccb26c217 100644
--- a/theme/boost/scss/moodle/dashboard.scss
+++ b/theme/boost/scss/moodle/dashboard.scss
@@ -1,4 +1,5 @@
 // Background color change as of MDL-63042
+$dashboard-bg: darken($body-bg, 3%) !default;
 #page-my-index {
-    background-color: $gray-100;
+    background-color: $dashboard-bg;
 }
\ No newline at end of file
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index bf77d330fea..016ace87ab1 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -13710,7 +13710,7 @@ body.drawer-ease {
   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); }
 
 #page-my-index {
-  background-color: #f8f9fa; }
+  background-color: #f7f7f7; }
 
 .fp-content-center {
   height: 100%;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 3fa11e1c32a..012533dfa4e 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -13968,7 +13968,7 @@ body.drawer-ease {
   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); }
 
 #page-my-index {
-  background-color: #f8f9fa; }
+  background-color: #f7f7f7; }
 
 .fp-content-center {
   height: 100%;