modify: fix some colors for config

Author: sota1235

browser/main/modals/PreferencesModal/InfoTab.styl

@@ -50,7 +50,7 @@
 
 body[data-theme="dark"]
   .root
-    color $ui-dark-text-color
+    color $tab--dark-text-color
 
   .madeBy
     color $ui-dark-inactive-text-color

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,15 +65,16 @@ 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
     border-color $ui-dark-borderColor
 
   .nav-button
     background-color transparent
-    color #939395
+    color $tab--dark-text-color
     &:hover
       color $ui-dark-text-color

browser/main/modals/PreferencesModal/Tab.styl

@@ -7,6 +7,12 @@ $tab--button-border-radius = 5px
 $tab--button-height = 40px
 $tab--button-font-size = 14px
 
+$tab--dark-text-color = #E5E5E5
+
 .header
   font-size 24px
   margin-bottom 30px
+
+body[data-theme="dark"]
+  .header
+    color $tab--dark-text-color