Night mode minor improvements

backend/logic/actions/users.js

@@ -1100,12 +1100,12 @@ export default {
 					}
 				});
 
-				if (preferences.nightmode !== undefined && preferences.nightmode !== user.preferences.nightmode)
-					ActivitiesModule.runJob("ADD_ACTIVITY", {
-						userId: session.userId,
-						type: "user__toggle_nightmode",
-						payload: { message: preferences.nightmode ? "Enabled nightmode" : "Disabled nightmode" }
-					});
+				// if (preferences.nightmode !== undefined && preferences.nightmode !== user.preferences.nightmode)
+				// 	ActivitiesModule.runJob("ADD_ACTIVITY", {
+				// 		userId: session.userId,
+				// 		type: "user__toggle_nightmode",
+				// 		payload: { message: preferences.nightmode ? "Enabled nightmode" : "Disabled nightmode" }
+				// 	});
 
 				if (
 					preferences.autoSkipDisliked !== undefined &&

frontend/src/App.vue

@@ -274,6 +274,14 @@ export default {
 		// }
 	}
 
+	.input,
+	.textarea,
+	.select select {
+		background-color: var(--dark-grey);
+		border-color: var(--grey-3);
+		color: var(--white);
+	}
+
 	h1,
 	h2,
 	h3,

frontend/src/components/ReportInfoItem.vue

@@ -58,6 +58,12 @@ export default {
 };
 </script>
 
+<style lang="scss">
+.report-info-item .item-icon .profile-picture span {
+	font-size: 25px;
+}
+</style>
+
 <style lang="scss" scoped>
 .night-mode {
 	.report-info-item {

frontend/src/components/layout/MainHeader.vue

@@ -10,6 +10,7 @@
 		</div>
 
 		<span
+			v-if="loggedIn || !hideLoggedOut"
 			class="nav-toggle"
 			:class="{ 'is-active': isMobile }"
 			tabindex="0"

frontend/src/components/modals/EditPlaylist/index.vue

@@ -579,6 +579,11 @@ export default {
 	strong {
 		color: var(--light-grey-2);
 	}
+
+	.tabs-container .tab-selection .button {
+		background: var(--dark-grey) !important;
+		color: var(--white) !important;
+	}
 }
 
 .menu-list li {

frontend/src/components/modals/EditSong/index.vue

@@ -1494,6 +1494,11 @@ export default {
 	#tabs-container {
 		background-color: var(--dark-grey-3) !important;
 	}
+
+	#tabs-container #tab-selection .button {
+		background: var(--dark-grey) !important;
+		color: var(--white) !important;
+	}
 }
 
 .song-modal {

frontend/src/components/modals/ManageStation/index.vue

@@ -582,6 +582,13 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+.night-mode {
+	.manage-station-modal.modal .modal-card-body .custom-modal-body .left-section .tabs-container .tab-selection .button {
+		background: var(--dark-grey);
+		color: var(--white);
+	}
+}
+
 .manage-station-modal.modal .modal-card-body .custom-modal-body {
 	display: flex;
 	flex-wrap: wrap;

frontend/src/components/modals/ViewReport.vue

@@ -262,7 +262,7 @@ export default {
 
 	.report-sub-items {
 		.report-sub-item {
-			border: 0.5px solid var(--black);
+			border: 1px solid var(--light-grey-3);
 			margin-top: -1px;
 			line-height: 24px;
 			display: flex;
@@ -278,6 +278,10 @@ export default {
 				border-radius: 0 0 3px 3px;
 			}
 
+			&:only-child {
+				border-radius: 3px;
+			}
+
 			&.report-sub-item-resolved {
 				.report-sub-item-description,
 				.report-sub-item-title {