team UI dark mode

resources/js/components/Teams/Components/PermissionToggleButton.vue

@@ -70,4 +70,11 @@
 			color: $light_text;
 		}
 	}
+
+	.dark-mode {
+
+		.permission-toggle .privilege {
+			color: $dark_mode_text_secondary;
+		}
+	}
 </style>

resources/js/components/Teams/Components/TeamFolderPreview.vue

@@ -55,4 +55,10 @@
 			}
 		}
 	}
+
+	.dark-mode {
+		.team-folder-preview {
+			border-color: $dark_mode_border_color;
+		}
+	}
 </style>

resources/js/components/Teams/Components/TeamMemberList.vue

@@ -125,4 +125,11 @@
 			margin-left: auto;
 		}
 	}
+
+	.dark-mode {
+
+		.member-item .info .email {
+			color: $dark_mode_text_secondary;
+		}
+	}
 </style>

resources/js/components/Teams/Components/TeamMembersPreview.vue

@@ -4,7 +4,7 @@
 			{{ count }}
 		</span>
 		<div class="members">
-			<img v-for="member in members" :src="member" class="member">
+			<img v-for="member in members" :src="member" class="member" alt="">
 		</div>
 	</div>
 </template>
@@ -51,4 +51,18 @@ export default {
 			}
 		}
 	}
+
+	.dark-mode {
+
+		.team-folder {
+
+			.member-count {
+				color: $dark_mode_text_secondary;
+			}
+
+			.members .member {
+				border-color: $dark_mode_foreground;
+			}
+		}
+	}
 </style>