- dark mode fixes

- sort reloading

resources/js/components/FilesView/FileSortingOptions.vue

@@ -72,11 +72,13 @@ export default {
             // Update sorting state in vuex
             this.$store.commit('UPDATE_SORTING')
 
-			// Get dara of user with favourites tree
+			// Get data of user with favourites tree
 			this.$store.dispatch('getAppData')
 
 			// Get data of Navigator tree
 			this.$store.dispatch('getFolderTree')
+
+			this.$getDataByLocation()
         },
         changePreview(previewType) {
             this.$store.dispatch('changePreviewType', previewType)

resources/js/components/FilesView/MobileToolbar.vue

@@ -10,7 +10,7 @@
 				{{ $getCurrentLocationName() }}
 			</div>
 
-			<span v-if="currentFolder" @click.stop="showItemActions" class="py-0.5 px-1.5 ml-3 rounded-md bg-light-background">
+			<span v-if="currentFolder" @click.stop="showItemActions" class="py-0.5 px-1.5 ml-3 rounded-md dark:bg-dark-foreground bg-light-background">
 				<more-horizontal-icon size="14" />
 			</span>
         </div>

resources/js/components/Spotlight/Spotlight.vue

@@ -1,6 +1,6 @@
 <template>
-	<div v-if="isVisible" @keyup.esc="exit" id="spotlight" tabindex="-1">
-		<div class="spotlight-wrapper">
+	<div v-if="isVisible" @keyup.esc="exit" id="spotlight" tabindex="-1" class="dark:bg-dark-foreground">
+		<div class="spotlight-wrapper bg-white">
 
 			<!--Query bar-->
 			<div class="spotlight-search">
@@ -109,12 +109,12 @@ export default {
 
 			// Show folder
 			if (file.data.type === 'folder') {
-				this.$router.push({name: 'Files', params: {id: this.results[this.index].data.id}})
+				this.$router.push({name: 'Files', params: {id: file.data.id}})
 			} else {
 
 				// Show file
 				if (['video', 'audio', 'image'].includes(file.data.type) || file.data.attributes.mimetype === 'pdf'){
-					this.$store.commit('ADD_TO_FAST_PREVIEW', this.results[this.index])
+					this.$store.commit('ADD_TO_FAST_PREVIEW', file)
 
 					events.$emit('file-preview:show')
 				} else {
@@ -342,7 +342,6 @@ export default {
 
 @media only screen and (max-width: 690px) {
 	#spotlight {
-		background: white;
 		z-index: 99;
 
 		.spotlight-wrapper {