diff options
Diffstat (limited to 'assets/js')
| -rw-r--r-- | assets/js/theme.js | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/assets/js/theme.js b/assets/js/theme.js index 36896c9..f22afe5 100644 --- a/assets/js/theme.js +++ b/assets/js/theme.js @@ -10,11 +10,13 @@ function initThemeToggle() { function setTheme(theme) { const isDarkMode = theme === "dark"; - // toggleThemeBtn dataset comes with translated labels for site's language + // toggleThemeBtn dataset comes with translated labels & title for site's language const label = isDarkMode ? toggleThemeBtn.dataset.labelLight : toggleThemeBtn.dataset.labelDark; + const title = isDarkMode ? toggleThemeBtn.dataset.titleLight : toggleThemeBtn.dataset.titleDark; - rootHtml.setAttribute("data-theme", theme); - toggleThemeBtn.setAttribute("aria-label", label); // display handled by CSS + rootHtml.setAttribute("data-theme", theme); // display handled by CSS + toggleThemeBtn.setAttribute("aria-label", label); + toggleThemeBtn.setAttribute("title", title); } // Apply initial theme @@ -29,4 +31,3 @@ function initThemeToggle() { } export default initThemeToggle; - |