diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 6af09562db4a28859bc47aff793588772961d8fb..67b219317644e13dfd45d9ee4e9e3848b865ea8a 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -246,6 +246,7 @@ $toc-title-font-family: $meta-font-family !default
 $toc-title-font-size: $meta-size !default
 $toc-title-font-size-desktop: $meta-size-desktop !default
 $toc-sticky-transition: 0.4s
+$toc-overlay-color: $body-overlay-color !default
 
 // Table
 $table-head-font-size: $h4-size !default
diff --git a/assets/sass/_theme/design-system/header.sass b/assets/sass/_theme/design-system/header.sass
index ed1e5f5bb1a94a66c22f213de82dc3fb549b9a69..d13d1f23922b64c949886e84a721ee8419d251cd 100644
--- a/assets/sass/_theme/design-system/header.sass
+++ b/assets/sass/_theme/design-system/header.sass
@@ -69,6 +69,7 @@ body
             pointer-events: inherit
     html.has-offcanvas-opened &
         &::after
+            background-color: $toc-overlay-color
             z-index: $zindex-header + 1
     html.is-animating:not(.has-menu-opened) &
         &::after