More nightmode improvements

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

@@ -580,9 +580,26 @@ export default {
 		color: var(--light-grey-2);
 	}
 
-	.tabs-container .tab-selection .button {
-		background: var(--dark-grey) !important;
-		color: var(--white) !important;
+	.edit-playlist-modal.modal .modal-card-body .custom-modal-body {
+		.section {
+			background-color: transparent !important;
+		}
+		.left-section {
+			#playlist-info-section {
+				background-color: var(--dark-grey-3) !important;
+				border: 0;
+			}
+			.tabs-container {
+				.tab-selection .button {
+					background: var(--dark-grey);
+					color: var(--white);
+				}
+				.tab {
+					background-color: var(--dark-grey-3) !important;
+					border: 0;
+				}
+			}
+		}
 	}
 }
 

frontend/src/components/modals/EditSong/Tabs/Reports.vue

@@ -306,9 +306,14 @@ export default {
 	strong {
 		color: var(--light-grey-2);
 	}
+
+	.tabs-container .tab-selection .button {
+		background: var(--dark-grey) !important;
+		color: var(--white) !important;
+	}
 }
 
-.tabs-container {
+.reports-tab.tabs-container {
 	.tab-selection {
 		display: flex;
 		overflow-x: auto;

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

@@ -1493,6 +1493,7 @@ export default {
 	.player-footer,
 	#tabs-container {
 		background-color: var(--dark-grey-3) !important;
+		border: 0 !important;
 	}
 
 	#tabs-container #tab-selection .button {

frontend/src/components/modals/ManageStation/Tabs/Blacklist.vue

@@ -123,6 +123,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.night-mode {
+	.tabs-container .tab-selection .button {
+		background: var(--dark-grey) !important;
+		color: var(--white) !important;
+	}
+}
+
 .station-blacklist {
 	.tabs-container {
 		margin-top: 10px;

frontend/src/components/modals/ManageStation/Tabs/Playlists.vue

@@ -590,6 +590,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.night-mode {
+	.tabs-container .tab-selection .button {
+		background: var(--dark-grey) !important;
+		color: var(--white) !important;
+	}
+}
+
 .station-playlists {
 	.tabs-container {
 		.tab-selection {

frontend/src/components/modals/ManageStation/Tabs/Songs.vue

@@ -404,6 +404,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.night-mode {
+	.tabs-container .tab-selection .button {
+		background: var(--dark-grey) !important;
+		color: var(--white) !important;
+	}
+}
+
 .songs {
 	.tabs-container {
 		.tab-selection {

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

@@ -583,15 +583,20 @@ export default {
 
 <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 {
+		.section {
+			background-color: transparent !important;
+		}
+		.left-section .tabs-container {
+			.tab-selection .button {
+				background: var(--dark-grey);
+				color: var(--white);
+			}
+			.tab {
+				background-color: var(--dark-grey-3);
+				border: 0;
+			}
+		}
 	}
 }
 

frontend/src/pages/Admin/index.vue

@@ -248,6 +248,7 @@ export default {
 	height: auto;
 	.admin-container {
 		flex: 1 0 auto;
+		margin-bottom: 10px;
 	}
 }
 

frontend/src/pages/Profile/Tabs/RecentActivity.vue

@@ -174,6 +174,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.night-mode #activity-items .activity-item {
+	background-color: var(--dark-grey-2) !important;
+	border: 0 !important;
+}
+
 #activity-items {
 	overflow: auto;
 	min-height: auto;