modify: move variables to global file

Author: sota1235

browser/main/Detail/TagSelect.styl

@@ -1,6 +1,3 @@
-$ui-white-theme-tag-bg = rgba(0, 0, 0, 0.3)
-$ui-dark-theme-tag-bg = rgba(255, 255, 255, 0.3)
-
 .root
   display: inline
   position relative
@@ -12,7 +9,7 @@ $ui-dark-theme-tag-bg = rgba(255, 255, 255, 0.3)
   padding-left 10px
   vertical-align middle
   height 20px
-  background-color $ui-white-theme-tag-bg
+  background-color $ui-tag-backgroundColor
   border-radius 20px
   overflow hidden
   clearfix()
@@ -79,7 +76,7 @@ body[data-theme="dark"]
     color $ui-dark-button-color
 
   .tag
-    background-color $ui-dark-theme-tag-bg
+    background-color $ui-dark-tag-backgroundColor
 
   .tag-removeButton
     border-color $ui-button--focus-borderColor

browser/styles/index.styl

@@ -18,6 +18,7 @@ $ui-backgroundColor = #FFFFFF
 $ui-noteList-backgroundColor = #F3F3F3
 $ui-border = solid 1px $ui-borderColor
 $ui-active-color = #6AA5E9
+$ui-tag-backgroundColor = rgba(0, 0, 0, 0.3)
 
 // UI Button
 $ui-button-color = #939395
@@ -141,6 +142,7 @@ modal()
 $ui-dark-borderColor = lighten(#21252B, 20%)
 $ui-dark-backgroundColor = #333333
 $ui-dark-noteList-backgroundColor = #171717
+$ui-dark-tag-backgroundColor = rgba(255, 255, 255, 0.3)
 $dark-background-color = lighten($ui-dark-backgroundColor, 10%)
 $ui-dark-text-color = #DDDDDD
 $ui-dark-button--active-color = white