dave/rfd-fyi
1
0
Fork 0
mirror of https://github.com/davegallant/rfd-fyi.git synced 2026-03-03 09:36:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix theme persistence bug

Browse Source
This commit is contained in:
Dave Gallant
2026-02-15 18:46:41 -05:00
parent 816438430e
commit fb9f52cfc6
2 changed files with 27 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@@ -36,14 +36,32 @@
<!-- Theme detection script - runs before Vue loads to prevent flash of unstyled content -->
<script>
(function() {
// Check for saved theme preference or system preference
// Check for saved theme preference only
const savedTheme = localStorage.getItem('theme');
if (!savedTheme) {
return; // Let Vue handle default theme
}
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
const theme = savedTheme || (prefersDark ? 'dark' : 'light');
let theme = savedTheme;
// Handle 'auto' theme preference
if (theme === 'auto') {
theme = prefersDark ? 'dark' : 'light';
}
// Apply theme to html element
document.documentElement.setAttribute('data-bs-theme', theme);
document.documentElement.setAttribute('data-theme', theme);
// Apply theme classes
if (theme === 'dark') {
document.documentElement.classList.add('dark-theme');
document.documentElement.classList.remove('light-theme');
} else {
document.documentElement.classList.add('light-theme');
document.documentElement.classList.remove('dark-theme');
}
})();
</script>
</head>