Przeglądaj źródła

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
Joseph Sanders 5 lat temu
rodzic
commit
6302a4b82b
4 zmienionych plików z 16 dodań i 6 usunięć
  1. 1 0
      CONTRIBUTORS.md
  2. 3 0
      exampleSite/config.toml
  3. 10 6
      layouts/partials/header.html
  4. 2 0
      stackbit.yaml

+ 1 - 0
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)

+ 3 - 0
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
 

+ 10 - 6
layouts/partials/header.html

@@ -4,9 +4,11 @@
       {{ .Site.Title }}
     </a>
     {{ if or .Site.Menus.main .Site.IsMultiLingual }}
-      <span id="dark-mode-toggle" class="float-right">
-        <i class="fa fa-adjust fa-fw" aria-hidden="true"></i>
-      </span>
+      {{ 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 }}
-        <li class="navigation-item separator">
-          <span>|</span>
-        </li>
+        {{ if not .Site.Params.hidecolorschemetoggle }}
+          <li class="navigation-item separator">
+            <span>|</span>
+          </li>
+        {{ end }}
       </ul>
     {{ end }}
   </section>

+ 2 - 0
stackbit.yaml

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