From e74d2c0e35f4d74de1588cbc0fd3d14dbe77d27a Mon Sep 17 00:00:00 2001
From: shotaro kaneda <juanpablolvl99@gmail.com>
Date: Thu, 17 Jan 2019 13:01:28 -0300
Subject: [PATCH] feat(dialog): adding dark modifier to dialogs #241

---
 docs/dialogs.stories.js    | 3 ++-
 scss/elements/dialogs.scss | 9 +++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/docs/dialogs.stories.js b/docs/dialogs.stories.js
index fcec4c6..2d9e914 100644
--- a/docs/dialogs.stories.js
+++ b/docs/dialogs.stories.js
@@ -9,7 +9,8 @@ stories.addDecorator(withKnobs);
 stories.add('dialog', () => {
   const open = boolean('open', true) ? 'open' : '';
   const isRounded = boolean('is-rounded', false) ? 'is-rounded' : '';
-  const selectedClasses = [isRounded];
+  const isDark = boolean('is-dark', false) ? 'is-dark' : '';
+  const selectedClasses = [isRounded, isDark];
 
   return `<dialog class="nes-dialog ${selectedClasses.join(' ')}" ${open}>
       <p class="title">Dialog</p>
diff --git a/scss/elements/dialogs.scss b/scss/elements/dialogs.scss
index 8a4c236..14853a2 100644
--- a/scss/elements/dialogs.scss
+++ b/scss/elements/dialogs.scss
@@ -12,5 +12,14 @@
 
   &.is-rounded {
     @include rounded-corners();
+
+    &.is-dark {
+      @include rounded-corners(true);
+    }
+  }
+  &.is-dark {
+    color: $background-color;
+    background-color: $base-color;
+    border-color: $background-color;
   }
 }