From 5714bf273fab67dc537aa90325fb0cf9b5239ed1 Mon Sep 17 00:00:00 2001
From: Jeremy Soller <jackpot51@gmail.com>
Date: Fri, 20 Oct 2023 10:44:38 -0600
Subject: [PATCH] Add simple dark mode implementation
---
layouts/partials/menu.html | 2 +-
static/css/style.css | 13 +++++++++++++
2 files changed, 14 insertions(+), 1 deletion(-)
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index e1960b74..539857ff 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -3,7 +3,7 @@
<ul class="row menu">
<li class="col-xs-12 col-md-2">
<a href="{{ if .Site.LanguagePrefix }}{{ .Site.LanguagePrefix }}{{ else }}/{{ end }}">
- <img class="img-responsive" src="/img/icon.png" width="128" height="128" alt="Redox Logo"/>
+ <img class="img-responsive header-icon" src="/img/icon.png" width="128" height="128" alt="Redox Logo"/>
</a>
</li>
<li class="col-xs-12 col-md-10 menu">
diff --git a/static/css/style.css b/static/css/style.css
index 1c161618..803367e4 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,3 +1,16 @@
+@media (prefers-color-scheme: dark) {
+ body {
+ background-color: #202020;
+ color: #ffffff;
+ }
+ a {
+ color: #5fafff;
+ }
+ .header-icon {
+ filter: invert(1);
+ }
+}
+
@font-face {
font-family: 'Fira Sans';
font-display: swap;
--
GitLab