37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
(function() {
|
|
var saved = localStorage.getItem('fa_theme');
|
|
var theme = saved || 'light';
|
|
document.documentElement.setAttribute('data-theme', theme);
|
|
})();
|
|
|
|
function toggleTheme() {
|
|
var current = document.documentElement.getAttribute('data-theme');
|
|
var next = current === 'dark' ? 'light' : 'dark';
|
|
document.documentElement.setAttribute('data-theme', next);
|
|
localStorage.setItem('fa_theme', next);
|
|
updateThemeButtons();
|
|
}
|
|
|
|
function updateThemeButtons() {
|
|
var theme = document.documentElement.getAttribute('data-theme');
|
|
var moonSrc = 'imagens/moon-svgrepo-com.svg';
|
|
var sunSrc = 'imagens/sun-svgrepo-com.svg';
|
|
|
|
var icons = document.querySelectorAll('.theme-icon');
|
|
for (var i = 0; i < icons.length; i++) {
|
|
icons[i].src = theme === 'dark' ? sunSrc : moonSrc;
|
|
icons[i].alt = theme === 'dark' ? 'Tema Claro' : 'Tema Escuro';
|
|
}
|
|
|
|
var btns = document.querySelectorAll('.theme-toggle-btn');
|
|
for (var j = 0; j < btns.length; j++) {
|
|
btns[j].title = theme === 'dark' ? 'Tema Claro' : 'Tema Escuro';
|
|
}
|
|
}
|
|
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', updateThemeButtons);
|
|
} else {
|
|
updateThemeButtons();
|
|
}
|