mirror of https://github.com/onweru/compose.git
blame | history | patch | commit | commitdiff | ignore whitespace
bb1950328
27.33.2021 a03f248319a982926788c5a72356eec408dc66fd 
 layouts/partials/mode.html


@@ -1,4 +1,16 @@


{{- $s := .Site }}


{{- $sp := $s.Params }}


{{- $iconsPath := "icons/" }}


<div class = 'color_mode'>


  <label for = 'mode'></label>


  <label for = 'mode'>


    {{- $litPath := absURL (printf "%ssun.svg" $iconsPath) }}


    {{- $darkPath := absURL (printf "%smoon.svg" $iconsPath) }}


    <picture data-lit="{{ $litPath }}" data-dark="{{ $darkPath }}">


      {{ with $sp.enableDarkMode }}


        <source srcset = '{{ $darkPath }}' media="(prefers-color-scheme: dark)">


      {{ end }}


      <img srcset = '{{ $litPath }}' alt = 'Light/Dark Mode Icon' class="color_icon">


    </picture>


  </label>


  <input type = 'checkbox' class = 'color_choice' id = 'mode' title="Toggle Dark Mode">


</div>