Darken the last slide.

src/styles/components/helptour.scss

@@ -19,6 +19,8 @@
  *
  */
 
+$darken-tour-opacity: .4;
+
 #helptour {
 }
 
@@ -115,7 +117,7 @@
 .helptourShowRoomPane {
   #bar,
   #buddylist {
-    opacity: .4;
+    opacity: $darken-tour-opacity;
   }
   .overlaybar {
     background: $componentfg2;
@@ -123,25 +125,26 @@
 }
 .helptourShowSettingsPane {
   #roombar {
-    opacity: .4;
+    opacity: $darken-tour-opacity;
   }
 }
 .helptourShowChatPane {
   #roombar,
   #buddylist {
-    opacity: .4;
+    opacity: $darken-tour-opacity;
   }
 }
 .helptourShowBuddyListPane {
   #bar,
   #roombar {
-    opacity: .4;
+    opacity: $darken-tour-opacity;
   }
 }
-.helptourShowMediaAccessPane {
+.helptourShowMediaAccessPane,
+.helptourShowWelcomePane {
   #bar,
   #roombar,
   #buddylist {
-    opacity: .4;
+    opacity: $darken-tour-opacity;
   }
 }

static/partials/helpoverlay.html

@@ -31,7 +31,7 @@
             <h3 class="popover-title">{{_('Media permission')}}</h3>
             <div class="popover-content">{{_('Everytime a call is made or recieved a permission window from the browser will show up like this. To make a call you must accept, otherwise the browser cannot use your wecam and video to make a call. This is a security and privacy precaution.')}}</div>
         </div>
-        <div class="popover bottom welcomePane">
+        <div class="popover bottom welcomePane" data-css="helptourShowWelcomePane">
             <h3 class="popover-title">{{_('Welcome')}}</h3>
             <div class="popover-content">
                 {{_('Welcome to spreed-webrtc! Start calling and chatting now.')}}