diff --git a/src/scss/custom/_dimmer.scss b/src/scss/custom/_dimmer.scss
index c79a775b3e..d756f05ff2 100644
--- a/src/scss/custom/_dimmer.scss
+++ b/src/scss/custom/_dimmer.scss
@@ -6,8 +6,7 @@
 
 .dimmer {
   display: flex;
-  background-color: $color-background-emphasis;
-  opacity: 0.92;
+  background-color: hsla(210, 54%, 20%, 0.9);
   position: absolute;
   top: 0;
   bottom: 0;
@@ -26,7 +25,7 @@
   &.dimmer-primary {
     background-color: $primary;
     &.show {
-      opacity: 0.9;
+      background-color: hsla(210, 100%, 40%, 0.9);
     }
   }