diff --git a/src/scss/core/primitives/_index.scss b/src/scss/core/primitives/_index.scss
index c2e57c2..1e8ed2f 100644
--- a/src/scss/core/primitives/_index.scss
+++ b/src/scss/core/primitives/_index.scss
@@ -10,8 +10,10 @@
     }
 }
 
+.ns-modal,
 .ns-root {
     @include colorize(
+        $background-color: background,
         $color: primary
     );
 
diff --git a/src/scss/mixins/_colorize.scss b/src/scss/mixins/_colorize.scss
index 8a02157..79a1520 100644
--- a/src/scss/mixins/_colorize.scss
+++ b/src/scss/mixins/_colorize.scss
@@ -1,5 +1,5 @@
 $enhancers: 'alternate', 'scale-alternate', 'contrasted', 'scale-contrasted';
-$root-classes: '.ns-root', '.ns-android', '.ns-ios', '.ns-phone', '.ns-tablet', '.ns-portrait', '.ns-landscape';
+$root-classes: '.ns-modal', '.ns-root', '.ns-android', '.ns-ios', '.ns-phone', '.ns-tablet', '.ns-portrait', '.ns-landscape';
 
 @mixin enhance($name, $arguments, $colors) {
     $args: ();