timeslot headings style

css/app-navigation.scss

@@ -7,6 +7,10 @@
 	pointer-events: inherit;
 }
 
+#app-navigation > ul > li.app-navigation-caption.timeslot {
+	color: var(--color-text-maxcontrast);
+}
+
 /* icons for sidebar */
 .nav-icon-files {
 	@include icon-color('folder', 'notes', $color-black);

src/components/NavigationList.vue

@@ -41,6 +41,7 @@
 			/>
 			<AppNavigationItem v-if="category===null && item.timeslot"
 				:key="item.timeslot" :item="timeslotToItem(item.timeslot)"
+				class="timeslot"
 			/>
 			<NavigationNoteItem v-for="note in item.notes"
 				:key="note.id" :note="note"
@@ -157,7 +158,6 @@ export default {
 			return {
 				caption: true,
 				text: timeslot,
-				classes: 'app-navigation-caption',
 			}
 		},