fix: added theme for user tutorial too

Author: technikhil314

pages/index.vue

@@ -69,13 +69,16 @@ export default Vue.extend({
   layout: 'main',
   data() {
     return {
+      isDarkMode: this.$isDarkMode,
       isSkipTutorial: this.$isSkipTutorial,
     }
   },
   async mounted() {
     const { default: Driver } = await import('driver.js')
     const driver = new Driver({
       closeBtnText: 'Skip',
+      className: 'dark:filter invert',
+      stageBackground: this.isDarkMode ? 'hsl(221deg 30% 70%)' : '#ffffff',
       onReset: () => {
         document.cookie = 'isSkipTutorial=true; max-age=31536000; path=/;'
       },
@@ -86,14 +89,14 @@ export default Vue.extend({
         {
           element: '#lhsLabel',
           popover: {
-            title: 'Labels',
+            title: 'New feature',
             description: 'Now you can add labels to text blocks',
           },
         },
         {
           element: '#rhsLabel',
           popover: {
-            title: 'Labels',
+            title: 'New feature',
             description: 'Now you can add labels to text blocks',
           },
         },