diff --git a/theme/boost/scss/moodle/drawer.scss b/theme/boost/scss/moodle/drawer.scss
index bbf3d6e3647..c261e05eb35 100644
--- a/theme/boost/scss/moodle/drawer.scss
+++ b/theme/boost/scss/moodle/drawer.scss
@@ -25,7 +25,7 @@ $drawer-offscreen-gutter: 20px !default;
 }
 
 /* Use a variable for the drawer background colors. */
-$drawer-bg: $gray-lighter !default;
+$drawer-bg: darken($body-bg, 5%) !default;
 
 [data-region="drawer"] {
     position: fixed;
@@ -36,7 +36,7 @@ $drawer-bg: $gray-lighter !default;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     z-index: $zindex-dropdown - 1;
-    background-color: darken($body-bg, 5%);
+    background-color: $drawer-bg;
     -webkit-transition: right 0.5s ease, left 0.5s ease;
     -moz-transition: right 0.5s ease, left 0.5s ease;
     transition: right 0.5s ease, left 0.5s ease;