From 4c82042f990ffd6c48e547cefb861a1f516b7b4f Mon Sep 17 00:00:00 2001 From: Arne Rief Date: Fri, 19 Jun 2026 21:37:52 +0200 Subject: Small design improvs for lang select & search --- assets/js/theme.js | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) (limited to 'assets/js/theme.js') 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; - -- cgit v1.2.3