swisskyrepo
/
swisskyrepo.github.io
mirror of https://github.com/swisskyrepo/swisskyrepo.github.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Dark mode JS

pull/1/head
Swissky 2022-09-30 17:14:34 +02:00
parent 9f9688a734
commit 4c1914e691
3 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
_includes/dark-mode.html
View File

@ -5,11 +5,10 @@
function darkmode() { function darkmode() {
let enabled = localStorage.getItem('dark-mode') let enabled = localStorage.getItem('dark-mode')
if (enabled === null || enabled === 'true') { if (enabled === null || enabled === 'true') {
enable() enable()
} }
else if (localStorage.getItem('dark-mode') === 'false') {
if (localStorage.getItem('dark-mode') === 'false') {
enable(); enable();
} else { } else {
disable(); disable();

3
_layouts/default.html
View File

@ -25,8 +25,7 @@
<div class="site-info"> <div class="site-info">
<h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1> <h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
<p class="site-description">{{ site.description }}</p> <p class="site-description">{{ site.description }}<a class="dark-mode-button" >🌗</a></p>
<a class="dark-mode-button" >🌗</a>
</div> </div>
<nav> <nav>

1
_sass/_dark-mode-button.scss
View File

@ -1,5 +1,4 @@
.dark-mode-button { .dark-mode-button {
float: right; float: right;
background-color: #04AA6D;
color: white; color: white;
} }