From 324da50e3ec782bca277f5e2a222592b3a687f92 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Mon, 23 Mar 2026 14:52:07 -0600
Subject: [PATCH] update disabled state text color

---
 .../ui/src/components/servers/ServerListing.vue     | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/servers/ServerListing.vue b/packages/ui/src/components/servers/ServerListing.vue
index 7119df5c7f..07d256ee1e 100644
--- a/packages/ui/src/components/servers/ServerListing.vue
+++ b/packages/ui/src/components/servers/ServerListing.vue
@@ -20,9 +20,14 @@
 					<LockIcon v-else class="size-8 absolute" />
 				</div>
 				<ServerIcon v-else :image="image ?? undefined" :disabled="isDisabled" />
-				<div class="ml-4 flex flex-col gap-2.5" :class="{ 'grayscale opacity-75': isDisabled }">
+				<div class="ml-4 flex flex-col gap-2.5">
 					<div class="flex flex-row items-center gap-2">
-						<h2 class="m-0 text-xl font-bold text-contrast">{{ name }}</h2>
+						<h2
+							class="m-0 text-xl font-bold"
+							:class="{ 'text-contrast': !isDisabled, 'text-primary': isDisabled }"
+						>
+							{{ name }}
+						</h2>
 						<div
 							v-if="isConfiguring"
 							class="flex min-w-0 items-center gap-2 truncate text-sm font-medium text-brand rounded-full bg-brand-highlight border border-solid border-brand px-2.5 h-[28px]"
@@ -33,7 +38,8 @@
 
 					<div
 						v-if="projectData?.title"
-						class="m-0 flex flex-row items-center gap-2 text-sm font-medium text-secondary"
+						class="m-0 flex flex-row items-center gap-2 text-sm font-medium"
+						:class="{ 'text-secondary': isDisabled }"
 					>
 						<Avatar
 							:src="iconUrl"
@@ -63,6 +69,7 @@
 						:show-game-label="showGameLabel"
 						:show-loader-label="showLoaderLabel"
 						:show-player-count="showPlayerCount"
+						:class="{ 'text-secondary': isDisabled }"
 						:linked="false"
 						class="pointer-events-none flex w-full flex-row flex-wrap items-center gap-2 text-primary *:hidden sm:flex-row sm:*:flex"
 					/>