From 386a247bc58baf12fb3db279dc1063feb35dd09b Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 18 Aug 2020 17:03:42 -0400
Subject: [PATCH] Add tooltip to theme selector

---
 docs/assets/plugins/theme/theme.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/assets/plugins/theme/theme.js b/docs/assets/plugins/theme/theme.js
index 2c4dd1d5..7607d13c 100644
--- a/docs/assets/plugins/theme/theme.js
+++ b/docs/assets/plugins/theme/theme.js
@@ -10,6 +10,10 @@
       const noTransitions = Object.assign(document.createElement('style'), {
         textContent: '* { transition: none !important; }'
       });
+      const tooltip = Object.assign(document.createElement('sl-tooltip'), {
+        content: 'Toggle dark mode',
+        placement: 'left'
+      });
       const toggle = Object.assign(document.createElement('sl-icon-button'), {
         name: isDark ? 'sun' : 'moon',
         label: 'Toggle dark mode'
@@ -35,7 +39,8 @@
         });
       });
 
-      sidebarToggle.insertAdjacentElement('afterend', toggle);
+      tooltip.appendChild(toggle);
+      sidebarToggle.insertAdjacentElement('afterend', tooltip);
     });
   });
 })();