Static dark scrollbars for SidebarView

client/src/modules/ui/vue/components/sidebar/Sidebar.vue

@@ -1,2 +1,2 @@
 <template src="./templates/Sidebar.html"></template>
-<script> export default {}</script>
+<script> export default { props: ['dark'] }</script>

client/src/modules/ui/vue/components/sidebar/View.vue

@@ -6,7 +6,6 @@
     /*<= Imports*/
 
     export default {
-        components,
-        props: ['dark']
+        components
     }
 </script>

client/src/modules/ui/vue/components/sidebar/templates/View.html

@@ -1,13 +1,13 @@
 <div class="bd-sidebar-view">
     <div class="bd-sidebar-region">
         <div class="bd-settingsWrap">
-            <ScrollerWrap dark="dark">
+            <ScrollerWrap dark="true">
                 <slot name="sidebar"/>
             </ScrollerWrap>
         </div>
     </div>
     <div class="bd-content-region">
-        <ScrollerWrap dark="dark">
+        <ScrollerWrap>
             <slot name="content"/>
         </ScrollerWrap>
     </div>

client/src/modules/ui/vue/components/templates/BdSettings.html

@@ -1,5 +1,5 @@
 <div class="bd-settings" :class="{active: active}" @keyup="close">
-    <SidebarView dark="true">
+    <SidebarView>
         <Sidebar slot="sidebar">
             <div class="bd-settings-x" @click="close">
                 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 12 12"><g fill="none" fill-rule="evenodd"><path d="M0 0h12v12H0"></path><path class="fill" fill="#dcddde" d="M9.5 3.205L8.795 2.5 6 5.295 3.205 2.5l-.705.705L5.295 6 2.5 8.795l.705.705L6 6.705 8.795 9.5l.705-.705L6.705 6"></path></g></svg>