Small design improvs for lang select & search

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;
-