fix folder tracks being None

src/assets/css/_variables.scss

@@ -27,6 +27,7 @@ $gray5: rgb(44, 44, 46);
 
 $red: #FF453A;
 $blue: #0A84FF;
+$darkblue: #055ee2;
 $green: rgb(20, 160, 55);
 $yellow: rgb(255, 214, 10);
 $orange: rgb(255, 159, 10);
@@ -36,9 +37,10 @@ $brown: rgb(172, 142, 104);
 $indigo: #5E5CE6;
 $teal: rgb(64, 200, 224);
 
-// 60 30 10
+
 $primary: $gray4;
-$accent: $indigo;
+$accent: $darkblue;
+$secondary: $gray5;
 $cta: $blue;
 $danger: $red;
 $track-hover: $gray4;

src/assets/css/global.scss

@@ -131,10 +131,12 @@ a {
 
 #acontent {
   grid-area: content;
+  width: 100%;
   max-width: 1504px;
   padding: $small;
   padding-left: 0;
   overflow: auto;
+  margin: 0 auto;
 
   .nav {
     margin: $small;

src/components/FolderView/SongList.vue

@@ -10,13 +10,13 @@
       </div>
       <div class="songlist">
         <SongItem
-          v-for="(song, index) in tracks"
-          :key="song.trackid"
-          :song="song"
+          v-for="(track, index) in tracks"
+          :key="track.trackid"
+          :song="track"
           :index="index + 1"
           @updateQueue="updateQueue"
           :isPlaying="queue.playing"
-          :isCurrent="queue.current.trackid == song.trackid"
+          :isCurrent="queue.current.trackid == track.trackid"
         />
       </div>
     </div>