UIKit customization for layout

Signed-off-by: moxiegirl <mary@blockstack.com>

_sass/theme/uikit.scss

@@ -29,7 +29,7 @@
 // @import "../uikit/components/spinner.scss"; // After: Icon
 @import "../uikit/components/totop.scss"; // After: Icon
 // @import "../uikit/components/marker.scss"; // After: Icon
-// @import "../uikit/components/alert.scss"; // After: Close
+@import "../uikit/components/alert.scss"; // After: Close
 // @import "../uikit/components/badge.scss";
 @import "../uikit/components/label.scss";
 @import "../uikit/components/overlay.scss"; // After: Icon

_sass/theme/variables.scss

@@ -18,7 +18,7 @@ $global-border: #c4c7ca;
 
 // Global
 $global-font-family: system-ui;
-$global-link-color: $global-muted-color;
+$global-link-color: #0666b1;
 $global-link-hover-color: $color-hover;
 
 $global-xxlarge-font-size: 1.875rem;;

_sass/uikit/components/base.scss

@@ -193,7 +193,7 @@ strong { font-weight: $base-strong-font-weight; }
  * Emphasize
  */
 
-em { color: $base-em-color; }
+em { color: $global-secondary-background }
 
 /*
  * Insert

_sass/uikit/components/variables.scss

@@ -50,7 +50,7 @@ $global-color:                                   #666 !default;
 $global-emphasis-color:                          #333 !default;
 $global-muted-color:                             #999 !default;
 
-$global-link-color:                              #1e87f0 !default;
+$global-link-color:                              #0666b1 !default;
 $global-link-hover-color:                        #0f6ecd !default;
 
 $global-inverse-color:                           #fff !default;

_sass/uikit/mixins-theme.scss

@@ -203,7 +203,7 @@
     // Emphasize
     //
 
-    em { color: $inverse-base-em-color; }
+    em { color: $global-secondary-background }
 
     //
     // Headings

_sass/uikit/mixins.scss

@@ -142,7 +142,7 @@
     // Emphasize
     //
 
-    em { color: $inverse-base-em-color; }
+    em { color: $global-secondary-background }
 
     //
     // Headings

_sass/uikit/variables-theme.scss

@@ -84,7 +84,7 @@ $base-body-font-size: $global-font-size !default;
 $global-line-height: 1.5 !default;
 $base-body-line-height: $global-line-height !default;
 $base-body-color: $global-color !default;
-$global-link-color: #1e87f0 !default;
+$global-link-color: #0666b1 !default;
 $base-link-color: $global-link-color !default;
 $base-link-text-decoration: none !default;
 $global-link-hover-color: #0f6ecd !default;