Add colors

2 files changed, 6 insertions, 5 deletions

diff --git a/src/_typography.scss b/src/_typography.scss
index bbeb876..3c7ac7f 100644
--- a/src/_typography.scss
+++ b/src/_typography.scss
@@ -65,12 +65,12 @@ abbr[title] {
 
 kbd {
   @include label-base();
-  @include label-variant($light-color, $dark-color);
+  @include label-variant($light-color, #fff);
   font-size: $font-size-sm;
 }
 
 mark {
-  @include label-variant($body-font-color, $highlight-color);
+  @include label-variant($body-font-dark, $highlight-color);
   border-bottom: $unit-o solid darken($highlight-color, 15%);
   border-radius: $border-radius;
   padding: $unit-o $unit-h 0;
diff --git a/src/_variables.scss b/src/_variables.scss
index a36089f..3023bfc 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -13,7 +13,7 @@ $secondary-color-dark: darken($secondary-color, 3%) !default;
 $secondary-color-light: lighten($secondary-color, 3%) !default;
 
 // Gray colors
-$dark-color: #303742 !default;
+$dark-color: #000 !default;
 $light-color: #000 !default;
 $gray-color: lighten($dark-color, 55%) !default;
 $gray-color-dark: darken($gray-color, 30%) !default;
@@ -22,7 +22,7 @@ $gray-color-light: lighten($gray-color, 20%) !default;
 $border-color: lighten($dark-color, 65%) !default;
 $border-color-dark: darken($border-color, 10%) !default;
 $border-color-light: lighten($border-color, 8%) !default;
-$bg-color: lighten($dark-color, 75%) !default;
+$bg-color: lighten($dark-color, 5%) !default;
 $bg-color-dark: darken($bg-color, 3%) !default;
 $bg-color-light: $light-color !default;
 
@@ -33,9 +33,10 @@ $error-color: #e85600 !default;
 
 // Other colors
 $code-color: #d73e48 !default;
-$highlight-color: #ffe9b3 !default;
+$highlight-color: #fff000 !default;
 $body-bg: $bg-color-light !default;
 $body-font-color: #fff !default;
+$body-font-dark: lighten($dark-color, 10%) !default;
 $link-color: $primary-color !default;
 $link-color-dark: darken($link-color, 10%) !default;
 $link-color-light: lighten($link-color, 10%) !default;