diff --git a/client/galaxy/style/scss/frame.scss b/client/galaxy/style/scss/frame.scss
index 6bbcd84b5f3..20ed7a56b47 100644
--- a/client/galaxy/style/scss/frame.scss
+++ b/client/galaxy/style/scss/frame.scss
@@ -19,7 +19,7 @@ $frame-default-border: $border-color;
         height: 100%;
         width: 100%;
         opacity: 0.5;
-        background: $brand-dark;
+        background: $brand-light;
         overflow: auto;
     }
 
diff --git a/client/galaxy/style/scss/ui.scss b/client/galaxy/style/scss/ui.scss
index 0ab97646b40..b854754994d 100644
--- a/client/galaxy/style/scss/ui.scss
+++ b/client/galaxy/style/scss/ui.scss
@@ -46,6 +46,7 @@ $ui-margin-horizontal-large: $margin-v * 2;
     .modal-backdrop {
         z-index: -1;
         opacity: 0.5;
+        background: $brand-light;
     }
     .modal-body {
         position: static;