set theme in docs based on browser preference
This commit is contained in:
parent
89b686ba78
commit
3c003e2a32
|
|
@ -1053,12 +1053,17 @@
|
|||
const icon = document.getElementById('theme-icon');
|
||||
icon.textContent = newTheme === 'light' ? '🌙' : '☀️';
|
||||
}
|
||||
|
||||
function getBrowserThemePreference() {
|
||||
const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
return prefersDarkMode ? 'dark' : 'light';
|
||||
}
|
||||
|
||||
// Load saved theme on page load
|
||||
(function() {
|
||||
const savedTheme = localStorage.getItem('theme') || 'light';
|
||||
const savedTheme = localStorage.getItem('theme') || getBrowserThemePreference();
|
||||
document.documentElement.setAttribute('data-theme', savedTheme);
|
||||
|
||||
|
||||
// Update icon
|
||||
const icon = document.getElementById('theme-icon');
|
||||
icon.textContent = savedTheme === 'light' ? '🌙' : '☀️';
|
||||
|
|
|
|||
Loading…
Reference in New Issue