Add Option To Hide Color Scheme Toggle (#406)

Joseph Sanders

29.32.2020 6302a4b82ba219fc1b7597a6165ae4d88aa8b2ac

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 @@
    # "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 @@
            name: hideCredits
          - type: boolean
            name: hideCopyright
          - type: boolean
            name: hidecolorschemetoggle
          - type: number
            name: since
          - type: string