web: drop duplicated dark text classes

Author: rigor789

web/src/App.vue

@@ -78,7 +78,7 @@ function label(key: string): string {
 
 	<main>
 		<p v-if="error" class="px-6 text-bad">Could not load compatibility data: {{ error }}</p>
-		<p v-else-if="!document" class="px-6 text-neutral-500 dark:text-neutral-400 dark:text-neutral-400">Loading…</p>
+		<p v-else-if="!document" class="px-6 text-neutral-500 dark:text-neutral-400">Loading…</p>
 		<template v-else>
 			<CompatGrid v-model:open="open" v-model:expanded="expanded" :document="document" :query="query" :show-prereleases="showPrereleases" />
 
@@ -92,7 +92,7 @@ function label(key: string): string {
 								<strong :class="advisory.severity === 'error' ? 'text-bad' : 'text-advisory'">
 									<code>{{ advisory.package }}</code> {{ advisory.affects }}
 								</strong>
-								<span class="text-neutral-500 dark:text-neutral-400 dark:text-neutral-400"> when </span>
+								<span class="text-neutral-500 dark:text-neutral-400"> when </span>
 								<span v-for="(range, key, index) in advisory.when" :key="key">
 									<template v-if="index > 0">, </template>{{ label(key) }} <code>{{ range }}</code>
 								</span>

web/src/components/CellDetails.vue

@@ -74,9 +74,9 @@ function shortDate(version: string): string {
 			<strong>{{ label }}</strong>
 			<template v-if="summary.rawRange">
 				{{ " " }}declared <code>{{ summary.rawRange }}</code>
-				<span class="text-neutral-500 dark:text-neutral-400 dark:text-neutral-400"> ({{ sourceText }})</span>
+				<span class="text-neutral-500 dark:text-neutral-400"> ({{ sourceText }})</span>
 			</template>
-			<span v-else class="text-neutral-500 dark:text-neutral-400 dark:text-neutral-400"> no requirement {{ sourceText === "nothing published" ? "published" : "found" }}</span>
+			<span v-else class="text-neutral-500 dark:text-neutral-400"> no requirement {{ sourceText === "nothing published" ? "published" : "found" }}</span>
 			<span v-if="summary.verified.length" class="text-ok"> · verified by CI with {{ summary.verified.join(", ") }}</span>
 		</p>
 
@@ -125,7 +125,7 @@ function shortDate(version: string): string {
 				<StateIcon :state="item.cell.state" :size="14" class="mt-0.5" />
 				<span>
 					<strong :class="LABEL[item.cell.state]">{{ label }} {{ item.version }}<template v-if="item.prerelease"> beta</template></strong>
-					<span class="text-neutral-500 dark:text-neutral-400 dark:text-neutral-400"> · </span>
+					<span class="text-neutral-500 dark:text-neutral-400"> · </span>
 					<template v-if="item.cell.advisory">
 						{{ item.cell.advisory.message }}
 						<em v-if="item.cell.advisory.fix" class="ml-1">{{ item.cell.advisory.fix }}</em>

web/src/components/CompatGrid.vue

@@ -112,7 +112,7 @@ const headCell = `sticky z-10 bg-neutral-50 text-center font-semibold dark:bg-ne
 						class="border-b border-neutral-200 bg-sky-50/70 px-6 py-2 text-left font-semibold dark:border-neutral-700/80 dark:bg-sky-900/25"
 					>
 						<code>{{ group.name }}</code>
-						<span class="ml-2 text-xs font-normal text-neutral-500 dark:text-neutral-400 dark:text-neutral-400">{{ group.total }} releases</span>
+						<span class="ml-2 text-xs font-normal text-neutral-500 dark:text-neutral-400">{{ group.total }} releases</span>
 					</th>
 				</tr>
 				<template v-for="version in group.visible" :key="version">
@@ -174,6 +174,6 @@ const headCell = `sticky z-10 bg-neutral-50 text-center font-semibold dark:bg-ne
 				</tr>
 			</tbody>
 		</table>
-		<p v-if="!groups.length" class="px-6 py-4 text-neutral-500 dark:text-neutral-400 dark:text-neutral-400">No releases match.</p>
+		<p v-if="!groups.length" class="px-6 py-4 text-neutral-500 dark:text-neutral-400">No releases match.</p>
 	</div>
 </template>