From a36c62044bc2d1e079983a53aa71c8adf6cd1e05 Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Sat, 8 Apr 2017 15:49:43 +0900
Subject: [PATCH] Fix the create folder modal layout at dark theme

---
 browser/main/modals/CreateFolderModal.styl |  7 +++++--
 browser/styles/index.styl                  | 13 +++++++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/browser/main/modals/CreateFolderModal.styl b/browser/main/modals/CreateFolderModal.styl
index dd4092d9..740f9cad 100644
--- a/browser/main/modals/CreateFolderModal.styl
+++ b/browser/main/modals/CreateFolderModal.styl
@@ -67,8 +67,8 @@
 body[data-theme="dark"]
   .root
     modalDark()
-    width 700px
-    height 200px
+    width 500px
+    height 270px
     overflow hidden
     position relative
     padding 0 40px
@@ -92,3 +92,6 @@ body[data-theme="dark"]
 
   .description
     color $ui-inactive-text-color
+
+  .control-confirmButton
+    colorDarkPrimaryButton()
\ No newline at end of file
diff --git a/browser/styles/index.styl b/browser/styles/index.styl
index 3952d424..f4bfc13a 100644
--- a/browser/styles/index.styl
+++ b/browser/styles/index.styl
@@ -91,6 +91,19 @@ colorPrimaryButton()
   &:active:hover
     background-color $primary-button-background--active
 
+// Dark Primary button(Brand color)
+$dark-primary-button-background = alpha(#3A404C, 80%)
+$dark-primary-button-background--hover = #3A404C
+$dark-primary-button-background--active = #3A404C
+colorDarkPrimaryButton()
+  color white
+  background-color $dark-primary-button-background
+  &:hover
+    background-color $dark-primary-button-background--hover
+  &:active
+  &:active:hover
+    background-color $dark-primary-button-background--active
+
 // Danger button(Brand color)
 $danger-button-background = #c9302c
 $danger-button-background--hover = darken(#c9302c, 5%)