From c0044cc7653329044458fb233757b935893cd1a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Caillaut?= <gcaillaut@protonmail.com>
Date: Tue, 9 Mar 2021 18:12:30 +0100
Subject: title attribute that display current theme

---
 src/components/DarkMode.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/DarkMode.vue b/src/components/DarkMode.vue
index 02450d9..4c5ba03 100644
--- a/src/components/DarkMode.vue
+++ b/src/components/DarkMode.vue
@@ -4,7 +4,7 @@
     aria-label="Toggle dark mode"
     class="navbar-item is-inline-block-mobile"
   >
-    <i :class="`${faClasses[mode]}`" class="fa-fw"></i>
+    <i :class="`${faClasses[mode]}`" class="fa-fw" :title="`${titles[mode]}`"></i>
   </a>
 </template>
 
@@ -15,11 +15,13 @@ export default {
     return {
       isDark: null,
       faClasses: null,
+      titles: null,
       mode: null,
     };
   },
   created: function () {
     this.faClasses = ["fas fa-adjust", "fas fa-circle", "far fa-circle"];
+    this.titles = ["Auto-switch", "Light theme", "Dark theme"]
     this.mode = 0;
     if ("overrideDark" in localStorage) {
       // Light theme is 1 and Dark theme is 2
-- 
cgit v1.2.3