Add Option To Hide Color Scheme Toggle (#406)

* Add color scheme toggle

Add hidedarkmodetoggle to exampleSite, stackbit

Change property name to hidecolorscheme toggle

* Add my name to CONTRIBUTORS.md

CONTRIBUTORS.md

@@ -77,3 +77,4 @@
 - [Jared Sturdy](https://github.com/jsturdy)
 - [Daniel Monteiro](https://github.com/dfamonteiro)
 - [Dave Rolsky](https://github.com/autarch)
+- [Joseph Sanders](https://github.com/jls83)

exampleSite/config.toml

@@ -42,6 +42,9 @@ disqusShortname = "yourdiscussshortname"
     # "light" (light background, dark foreground) (default)
     colorscheme = "auto"
 
+    # Hide the toggle button, along with the associated vertical divider
+    hidecolorschemetoggle = false
+
     # Series see also post count
     maxSeeAlsoItems = 5
 

layouts/partials/header.html

@@ -4,9 +4,11 @@
       {{ .Site.Title }}
     </a>
     {{ if or .Site.Menus.main .Site.IsMultiLingual }}
+      {{ if not .Site.Params.hidecolorschemetoggle }}
         <span id="dark-mode-toggle" class="float-right">
           <i class="fa fa-adjust fa-fw" aria-hidden="true"></i>
         </span>
+      {{ end }}
       <input type="checkbox" id="menu-toggle" />
       <label class="menu-button float-right" for="menu-toggle">
         <i class="fa fa-bars fa-fw" aria-hidden="true"></i>
@@ -36,9 +38,11 @@
             {{ end }}
           {{ end }}
         {{ end }}
+        {{ if not .Site.Params.hidecolorschemetoggle }}
           <li class="navigation-item separator">
             <span>|</span>
           </li>
+        {{ end }}
       </ul>
     {{ end }}
   </section>

stackbit.yaml

@@ -66,6 +66,8 @@ models:
             name: hideCredits
           - type: boolean
             name: hideCopyright
+          - type: boolean
+            name: hidecolorschemetoggle
           - type: number
             name: since
           - type: string