Different icon for dark mode

Author: rmosolgo

guides/_layouts/default.html

@@ -65,7 +65,7 @@
             type="text"
             placeholder="Search the docs..."
           />
-          <a href="#" onclick="event.preventDefault(); detectDarkTheme(true)">☀</a>
+          <a href="#" onclick="event.preventDefault(); detectDarkTheme(true)" class="dark-theme-button"></a>
         </div>
       </div>
       <div class="search-results-container">

guides/css/main.scss

@@ -46,11 +46,17 @@ $dark-theme-container-color: #424242;
 body {
   font-family: $font;
   background: $background-color;
+  .dark-theme-button::after {
+    content: "☀"
+  }
 }
 
 body.dark-theme {
   background: $dark-theme-code-background;
   color: $dark-theme-font-color;
+  .dark-theme-button::after {
+    content: "☽"
+  }
 }
 
 strong, b {