diff options
-rw-r--r-- | assets/css/main.css | 8 | ||||
-rw-r--r-- | layouts/_default/baseof.html | 9 | ||||
-rw-r--r-- | layouts/partials/header.html | 2 |
3 files changed, 18 insertions, 1 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 0b75def..55b1b8a 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -307,4 +307,12 @@ footer a { .not-found div h1 { font-size: 6rem; +} + +.dark-toggle svg path { + fill: var(--background) !important; +} + +.dark-toggle svg text { + fill: var(--content) !important; }
\ No newline at end of file diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 51fd26c..458589f 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -27,5 +27,14 @@ </body> +<script> + + function toggleTheme() { + document.body.classList.toggle('light'); + document.body.classList.toggle('dark'); + } + +</script> + </html>
\ No newline at end of file diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 92da9a7..14e5c07 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -15,6 +15,6 @@ </p> {{ end }} {{ end }} - </div> + </div>
\ No newline at end of file |