fix: custom theme light/dark support

This commit is contained in:
Timothy J. Baek 2024-01-01 19:36:09 -08:00
parent 78f120566f
commit 6a92652ca1
2 changed files with 12 additions and 11 deletions

View File

@ -15,8 +15,9 @@
} else if (localStorage.theme === 'dark') {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.add('dark');
document.documentElement.classList.add(localStorage.theme);
localStorage.theme.split(' ').forEach((e) => {
document.documentElement.classList.add(e);
});
}
</script>

View File

@ -34,7 +34,7 @@
// General
let API_BASE_URL = OLLAMA_API_BASE_URL;
let themes = ['dark', 'light', 'rose-pine', 'rose-pine-dawn'];
let themes = ['dark', 'light', 'rose-pine dark', 'rose-pine-dawn light'];
let theme = 'dark';
let notificationEnabled = false;
let system = '';
@ -994,22 +994,22 @@
themes
.filter((e) => e !== theme)
.forEach((e) => {
document.documentElement.classList.remove(e);
e.split(' ').forEach((e) => {
document.documentElement.classList.remove(e);
});
});
document.documentElement.classList.add(theme);
if (!['light', 'dark'].includes(theme)) {
document.documentElement.classList.add('dark');
}
theme.split(' ').forEach((e) => {
document.documentElement.classList.add(e);
});
console.log(theme);
}}
>
<option value="dark">Dark</option>
<option value="light">Light</option>
<option value="rose-pine">Rosé Pine</option>
<option value="rose-pine-dawn">Rosé Pine Dawn</option>
<option value="rose-pine dark">Rosé Pine</option>
<option value="rose-pine-dawn light">Rosé Pine Dawn</option>
</select>
</div>
</div>