diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 016b8bd5b81c5661689cde661d3a5a98a024c832..46092ee7721844cc9b23598fb56ddd79a5c0aeee 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -219,6 +219,7 @@ $grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 144
 // Table of content
 $toc-color: $color-text !default
 $toc-active-color: $color-accent !default // TODO : checker ce que ça fait
+$toc-background-color: $color-background-alt !default
 $toc-font-family: $meta-font-family !default
 $toc-font-size: $meta-size !default
 $toc-font-size-md: $meta-size-md !default
diff --git a/assets/sass/_theme/design-system/table_of_contents.sass b/assets/sass/_theme/design-system/table_of_contents.sass
index b6269e767fc5b486566f130c8d9ac7519d463adc..193427881467ab58ab66e4d136a008e57f1d9918 100644
--- a/assets/sass/_theme/design-system/table_of_contents.sass
+++ b/assets/sass/_theme/design-system/table_of_contents.sass
@@ -1,5 +1,5 @@
 @mixin offcanvas-toc
-    background: white
+    background: $toc-background-color
     position: fixed
     top: 0
     right: 0
@@ -85,10 +85,12 @@
         padding: 0
         span
             @extend .meta
+            color: $toc-color
             text-overflow: ellipsis
             overflow: hidden
         &::after
             font-size: px2rem(13)
+            color: $toc-color
         @include media-breakpoint-down(md)
             display: flex
             justify-content: space-between
@@ -127,6 +129,7 @@
 .toc-title, .toc-cta, .toc-container button
     font-family: $toc-font-family
     font-size: $toc-title-font-size
+    color: $toc-color
     @include media-breakpoint-up(md)
         font-size: $toc-title-font-size-md