modify: fix some colors for config

browser/main/modals/PreferencesModal/PreferencesModal.styl

@@ -1,3 +1,5 @@
+@import('./Tab')
+
 .root
   modal()
   max-width 800px
@@ -28,20 +30,24 @@
 .nav-button
   font-size 14px
   text-align left
-  width 80px
+  width 100px
+  margin 4px 0
   padding 7px 0
+  padding-left 7px
   border none
+  border-radius 3px
   background-color transparent
-  color #939395
+  color $ui-text-color
   font-size 14px
   &:hover
-    color #515151
+    color $ui-active-color
 
 .nav-button--active
   @extend .nav-button
-  color #6AA5E9
+  color white
+  background-color $ui-active-color
   &:hover
-    color #6AA5E9
+    color white
 
 .nav-button-icon
   display block
@@ -59,8 +65,9 @@ body[data-theme="dark"]
 
   .top-bar
     background-color transparent
-    border-color transparent
-    color #939395
+    border-color #4A4D52
+    p
+      color $tab--dark-text-color
 
   .nav
     background-color transparent
@@ -68,6 +75,6 @@ body[data-theme="dark"]
 
   .nav-button
     background-color transparent
-    color #939395
+    color $tab--dark-text-color
     &:hover
       color $ui-dark-text-color