diff --git a/src/app.scss b/src/app.scss
index 1a195c3..11c7c2a 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -100,11 +100,15 @@ $modal-content-width: 1000px;
 $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove this once a new version of bulma-prefers-dark is released
 @import "/node_modules/bulma-prefers-dark/build/bulma-prefers-dark.sass";
 
-.modal-card-body {
-  // remove this once https: //github.com/jloh/bulma-prefers-dark/pull/90 is merged and released
-  background-color: hsl(0, 0%, 96%);
+@media (prefers-color-scheme: dark) {
+  .modal-card-body {
+    // remove this once https: //github.com/jloh/bulma-prefers-dark/pull/90 is merged and released
+   background-color: $background-dark;
+  }
 }
 
+
+
 /* Support for copy code button */
 .code-block>button {
   position: absolute;