diff --git a/styles/src/components/_modal-pane.scss b/styles/src/components/_modal-pane.scss
index f00b683..1a33b46 100644
--- a/styles/src/components/_modal-pane.scss
+++ b/styles/src/components/_modal-pane.scss
@@ -1,8 +1,9 @@
 // SPDX-License-Identifier: MIT
 
+@use "../settings/config" as cfg;
 @use "../settings/icons";
 
-$color-modal-bg:  rgba(0, 0, 0, 0.25) !default;
+$color-modal-bg:  if(cfg.$darkMode, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.32)) !default;
 
 $color-dialog-bg:             -color-bg-default !default;
 $color-dialog-close-fg:       -color-fg-default !default;