Sha256: dbf75e9ffc45188050e288a08b2430cfcff656669dc0ea7683b6f58263015ac6
Contents?: true
Size: 1.54 KB
Versions: 9
Compression:
Stored size: 1.54 KB
Contents
<!--
file: halfmoon.html
path: _includes/halfmoon.html
description: This is the snippet for the dark mode switch.
-->
<div class="justify-content-end">
<i class="btn dropdown-toggle" id="bd-theme" type="button" aria-expanded="true" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle theme (dark)">
<i class="bi bi-circle-half theme-icon-active"><use href="#moon-stars-fill"></use></i>
<span class="d-none ms-2" id="bd-theme-text">Toggle theme</span>
</i>
<ul class="dropdown-menu" aria-labelledby="bd-theme-text" data-bs-popper="static">
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
<svg class="bi me-2 opacity-50"><use href="#sun-fill"></use></svg>
Light
<svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="dark" aria-pressed="true">
<svg class="bi me-2 opacity-50"><use href="#moon-stars-fill"></use></svg>
Dark
<svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto" aria-pressed="false">
<svg class="bi me-2 opacity-50"><use href="#circle-half"></use></svg>
Auto
<svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
</button>
</li>
</ul>
</div>
Version data entries
9 entries across 9 versions & 1 rubygems