From 5ea6261ab7d6d9af4a39f189bc66a6b74f28afbd Mon Sep 17 00:00:00 2001
From: Teal Bauer <teal@starsong.eu>
Date: Mon, 10 Mar 2025 08:41:03 +0100
Subject: [PATCH] Fix dark mode bug where toggling the browser pref would apply
the scheme independently of app preference
---
app/views/layouts/application.html.erb | 5 ++---
1 file changed, 2 insertions(+), 3 deletions(-)
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index b8fd29f..3bb06de 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -12,8 +12,7 @@
<script>
(function() {
- if (!document.documentElement.classList.contains('dark') &&
- !document.documentElement.classList.contains('light')) {
+ if (document.documentElement.classList.contains('auto')) {
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.classList.add('dark');
} else {
@@ -22,7 +21,7 @@
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
- if (!localStorage.getItem('theme')) {
+ if (!document.documentElement.classList.contains('auto')) {
document.documentElement.classList.remove('dark', 'light');
document.documentElement.classList.add(e.matches ? 'dark' : 'light');
}
--
GitLab