From 041a51a70f608627be2471dfaa2ca07f3d7b0802 Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Fri, 7 Apr 2017 19:04:09 +0900
Subject: [PATCH] Fix the tag layout of dark theme at NoteDetail

---
 browser/main/Detail/TagSelect.js   | 2 +-
 browser/main/Detail/TagSelect.styl | 6 +++---
 browser/styles/index.styl          | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/browser/main/Detail/TagSelect.js b/browser/main/Detail/TagSelect.js
index 4fce3c68..bebf39de 100644
--- a/browser/main/Detail/TagSelect.js
+++ b/browser/main/Detail/TagSelect.js
@@ -107,7 +107,7 @@ class TagSelect extends React.Component {
           <span styleName='tag'
             key={tag}
           >
-            <span styleName='tag-label'>{tag}</span>
+            <span styleName='tag-label'>#{tag}</span>
             <button styleName='tag-removeButton'
               onClick={(e) => this.handleTagRemoveButtonClick(tag)(e)}
             >
diff --git a/browser/main/Detail/TagSelect.styl b/browser/main/Detail/TagSelect.styl
index ea3edbfb..37cd05ab 100644
--- a/browser/main/Detail/TagSelect.styl
+++ b/browser/main/Detail/TagSelect.styl
@@ -39,8 +39,8 @@
   padding-right 4px
 
 .tag-label
-  font-size 12px
-  font-weight bold
+  font-size 11px
+  font-weight 600
   color: #FFFFFF
   float left
   height 20px
@@ -83,7 +83,7 @@ body[data-theme="dark"]
     color $ui-dark-button-color
 
   .tag
-    background-color $ui-dark-tag-backgroundColor
+    background-color alpha($ui-dark-tag-backgroundColor, 60%)
 
   .tag-removeButton
     border-color $ui-button--focus-borderColor
diff --git a/browser/styles/index.styl b/browser/styles/index.styl
index 9dac878c..23e56b5d 100644
--- a/browser/styles/index.styl
+++ b/browser/styles/index.styl
@@ -163,7 +163,7 @@ $ui-dark-borderColor = lighten(#21252B, 20%)
 $ui-dark-backgroundColor = #1D1D1D
 $ui-dark-noteList-backgroundColor = #181818
 $ui-dark-noteDetail-backgroundColor = #0D0D0D
-$ui-dark-tag-backgroundColor = rgba(255, 255, 255, 0.3)
+$ui-dark-tag-backgroundColor = #3A404C
 $dark-background-color = lighten($ui-dark-backgroundColor, 10%)
 $ui-dark-text-color = #DDDDDD
 $ui-dark-button--active-color = white