From 7771875d576ece64976e3b2a09bdd398edc7ea7f Mon Sep 17 00:00:00 2001
From: Sosuke Suzuki <aosukeke@gmail.com>
Date: Sat, 13 Jan 2018 11:37:47 +0900
Subject: [PATCH] Change CreateFolderInput style from raw color code to
 variable

---
 browser/main/modals/CreateFolderModal.styl | 6 +++---
 browser/styles/index.styl                  | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/browser/main/modals/CreateFolderModal.styl b/browser/main/modals/CreateFolderModal.styl
index 9ded8f4a..45f2e852 100644
--- a/browser/main/modals/CreateFolderModal.styl
+++ b/browser/main/modals/CreateFolderModal.styl
@@ -29,7 +29,7 @@
   width 490px
   padding 0 5px
   margin 10px 0
-  border 1px solid #C9C9C9 // TODO: use variable.
+  border 1px solid $ui-input--create-folder-modal
   border-radius 2px
   background-color transparent
   outline none
@@ -68,7 +68,7 @@ body[data-theme="dark"]
     color $ui-dark-text-color
 
   .control-folder-input
-    border 1px solid #C9C9C9 // TODO: use variable.
+    border 1px solid $ui-input--create-folder-modal
     color white
 
    .description
@@ -94,7 +94,7 @@ body[data-theme="solarized-dark"]
     color $ui-solarized-dark-text-color
 
   .control-folder-input
-    border 1px solid #C9C9C9 // TODO: use variable.
+    border 1px solid $ui-input--create-folder-modal
     color white
 
    .description
diff --git a/browser/styles/index.styl b/browser/styles/index.styl
index 52acdae7..e8a70e1f 100644
--- a/browser/styles/index.styl
+++ b/browser/styles/index.styl
@@ -46,6 +46,7 @@ tooltip()
 // UI Input
 $ui-input--focus-borderColor = #369DCD
 $ui-input--disabled-backgroundColor = #DDD
+$ui-input--create-folder-modal = #C9C9C9
 
 // Parts
 $ui-favorite-star-button-color = #FFC216