From 132e3c3088be6e2a2a96256f65ed873961149275 Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Sat, 20 May 2017 14:53:06 +0900
Subject: [PATCH] Fix task bar UI

---
 browser/components/TodoListPercentage.styl | 45 ++++++++++++++++++----
 1 file changed, 38 insertions(+), 7 deletions(-)

diff --git a/browser/components/TodoListPercentage.styl b/browser/components/TodoListPercentage.styl
index f33309c2..68101ac1 100644
--- a/browser/components/TodoListPercentage.styl
+++ b/browser/components/TodoListPercentage.styl
@@ -1,13 +1,44 @@
 .percentageBar
   position absolute
-  background-color #bcbcbc
-  height 20px
+  top 58px
+  right: 0px
+  left 0px
+  background-color #DADFE1
   width 100%
+  height: 15px
+  font-size: 12px
+  z-index 100000
+  border-radius 2px
 
 .progressBar
-  background-color #52d8a5
-  height 20px
-  text-align center
+  background-color: #6C7A89
+  height 15px
+  border-radius 2px
+  transition 0.3s
 
-.progressBar p
-  color white
+.percentageText
+  color #fff
+  padding: 2px 43%
+
+body[data-theme="dark"]
+  .percentageBar
+    position absolute
+    top 58px
+    right: 0px
+    left 0px
+    background-color #222426
+    width 100%
+    height: 15px
+    font-size: 12px
+    z-index 100000
+    border-radius 2px
+
+  .progressBar
+    background-color: $ui-dark-button--active-backgroundColor
+    height 15px
+    border-radius 2px
+    transition 0.3s
+
+  .percentageText
+    color $ui-dark-text-color
+    padding: 2px 43%
\ No newline at end of file