Fix icons

Author: bitbrain

_includes/theme-toggle.html

@@ -16,13 +16,11 @@
 </div>
 <script type="text/javascript">
 const theme = localStorage.getItem('theme');
-if (theme === 'undefined') {
-   theme = "dark";
-}
-if (theme === "dark") {
-	document.documentElement.setAttribute('data-theme', 'dark');
-} else {
+
+if (theme === "light") {
     document.documentElement.setAttribute('data-theme', 'light');
+} else {
+    document.documentElement.setAttribute('data-theme', 'dark');
 }
 const userPrefers = getComputedStyle(document.documentElement).getPropertyValue('content');
 

_sass/dash.scss

@@ -36,6 +36,7 @@ $spacing-unit: 30px !default;
 @import
   "fa/fontawesome",
   "fa/solid",
+  "fa/regular",
   "fa/brands",
   "dash/fonts",
   "dash/icons",

_sass/dash/_icons.scss

@@ -1,9 +1,8 @@
 // Font Awesome Icons
 
-$icon-quote-right: "\f10e";
-$icon-chevron-right: "\f054";
-$icon-check: "\f00c";
-$icon-minus: "\f068";
-$icon-flask: "\f0c3";
-$icon-tag: "\f02b";
-$icon-lightbulb: "\f02b";
+$icon-quote-right: fa-content($fa-var-quote-right);
+$icon-chevron-right: fa-content($fa-var-chevron-right);
+$icon-check: fa-content($fa-var-check);
+$icon-minus: fa-content($fa-var-minus);
+$icon-flask: fa-content($fa-var-flask);
+$icon-tag: fa-content($fa-var-tag);

_sass/dash/_layout.scss

@@ -13,17 +13,12 @@
   .command_prompt {
     color: $color-blue;
     font-size: $base-font-size;
-
-    svg {
-      width: 20px;
-      height: 20px;
-      margin-bottom: -1px;
-      margin-left: 1px;
-    }
+    margin-left: 0.1em;
 
     &:before {
       content: $icon-chevron-right;
       @include font-awesome-icon;
+      margin-right: 0.2em;
     }
   }
 }
@@ -98,12 +93,7 @@
   width: 100%;
   animation: type 2s steps(60, end);
   margin-bottom: 1em;
-
-  & > svg {
-    color: $color-blue;
-    margin-right: 0.6em;
-    margin-bottom: -1px;
-  }
+  margin-left: 0.5em;
 
   &:after {
     content: "_";
@@ -114,6 +104,8 @@
   &:before {
     content: $icon-chevron-right;
     @include font-awesome-icon;
+    margin-right: 0.5em;
+    color: $color-blue;
   }
 }
 
@@ -267,6 +259,7 @@
   &:before {
     content: $icon-tag;
     @include font-awesome-icon;
+    margin-right: 0.5em;
   }
 }
 
@@ -365,17 +358,10 @@ ul.related-posts {
       margin: 0;
     }
 
-    & > svg.svg-inline--fa {
-      color: $color-green;
-      margin-right: 0.3em;
-      width: 22px;
-      height: 22px;
-      margin-bottom: -2px;
-    }
-
     &:before {
       content: $icon-flask;
       @include font-awesome-icon;
+      color: $color-green;
     }
   }
 }

_sass/dash/_mixins.scss

@@ -5,8 +5,6 @@
   font-variant: normal;
   text-rendering: auto;
   font-weight: 900;
-
-  display: none;
   -webkit-font-smoothing: antialiased;
 }
 

_sass/dash/_themes.scss

@@ -3,7 +3,7 @@ $themes: (
                 background-color: $color-background-dark,
                 background-color-alt: $color-background-darker,
                 foreground-color: $color-foreground,
-                foreground-color-alt: $color-foreground-dark,
+                foreground-color-alt: lighten($color-foreground-dark, 10%),
                 foreground-color-contrast: white,
                 quote-primary: lighten($color-yellow, 20%),
                 quote-secondary: $color-yellow,

jekyll-dash.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-dash"
-  spec.version       = "1.3.1"
+  spec.version       = "1.3.2"
   spec.authors       = ["Miguel Gonzalez Sanchez"]
   spec.email         = ["[email protected]"]