rename bg-black to bg-primary

+ rename BottomBar to NowPlayingRight

src/components/SettingsView/Group.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="settingsgroup">
     <div>
-      <h4>{{ group.title }}</h4>
-      <div class="desc">{{ group.desc }}</div>
+      <h4 v-if="group.title">{{ group.title }}</h4>
+      <div class="desc" v-if="group.desc">{{ group.desc }}</div>
     </div>
-    <div class="setting rounded bg-black pad-lg">
+    <div class="setting rounded bg-primary pad-lg">
       <div v-for="(setting, index) in group.settings" :key="index">
         <div class="title">
           {{ setting.title }}

src/components/SettingsView/Nav.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="settingsnav">
-    <div class="buttongroup rounded bg-black">
+    <div class="buttongroup rounded bg-primary">
       <button v-for="(group, index) in settingGroups" :key="index">
         {{ group.title }}
       </button>