cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add auto theme mode

Browse source
This commit is contained in:
Cory Dransfeldt 2024-10-26 18:16:52 -07:00
parent ab2d732ec5
commit 50640d0590
No known key found for this signature in database
6 changed files with 39 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/includes/nav/theme-toggle.liquid
View file

@ -1,7 +1,10 @@
<script type="module" src="/assets/scripts/components/theme-toggle.js?v={% appVersion %}" crossorigin="anonymous"></script>
<span class="client-side">
<theme-toggle>
<button aria-label="Light and dark theme toggle" class="theme-toggle">
<theme-toggle mode="control">
<button aria-label="Auto, light, dark theme control" class="theme-toggle">
<span class="auto">
{% tablericon "sun-moon" %}
</span>
<span class="light">
{% tablericon "sun" %}
</span>