Merge pull request #172 from status-im/minor_style_improvements

fix button text colors and table background colors in the dark theme

embark-ui/src/scss/_variables.scss

@@ -171,6 +171,8 @@ $avatar-sm-status-width:              8px !default;
 $avatar-xs-width:                     20px !default;
 $avatar-xs-status-width:              8px !default;
 
+$btn-color:                           white !default;
+
 // Cards
 
 $card-icon-bg:                        transparent !default;
@@ -195,3 +197,6 @@ $switch-label-lg-width:               56px !default;
 $switch-label-sm-width:               40px !default;
 
 $switch-handle-margin:                2px !default;
+
+$table-bg:                    #343b41 !important;
+

embark-ui/src/scss/bootstrap/_buttons.scss

@@ -12,6 +12,7 @@
   vertical-align: middle;
   user-select: none;
   border: $btn-border-width solid transparent;
+  color: $btn-color !important;
   @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
   @include transition($btn-transition);
 

embark-ui/src/scss/bootstrap/_nav.scss

@@ -34,6 +34,7 @@
 
   .nav-item {
     margin-bottom: -$nav-tabs-border-width;
+    font-weight: bold;
   }
 
   .nav-link {

embark-ui/src/scss/bootstrap/_tables.scss

@@ -6,6 +6,7 @@
   width: 100%;
   margin-bottom: $spacer;
   background-color: $table-bg; // Reset for nesting within parents with `background-color`.
+  font-weight: bold;
 
   th,
   td {