feat: light mode fixes for navtab + files tab (#5134)

Author: IMB11

apps/frontend/src/components/ui/NavTabs.vue

@@ -18,11 +18,18 @@
 					v-if="link.icon"
 					class="size-5"
 					:class="{
-						'text-brand': currentActiveIndex === index && !subpageSelected,
+						'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
 						'text-secondary': currentActiveIndex !== index || subpageSelected,
 					}"
 				/>
-				<span class="text-nowrap text-contrast">{{ link.label }}</span>
+				<span
+					class="text-nowrap"
+					:class="{
+						'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
+						'text-contrast': currentActiveIndex !== index || subpageSelected,
+					}"
+					>{{ link.label }}</span
+				>
 			</NuxtLink>
 		</template>
 		<template v-else>
@@ -39,14 +46,14 @@
 					v-if="link.icon"
 					class="size-5"
 					:class="{
-						'text-brand': currentActiveIndex === index && !subpageSelected,
+						'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
 						'text-secondary': currentActiveIndex !== index || subpageSelected,
 					}"
 				/>
 				<span
 					class="text-nowrap"
 					:class="{
-						'text-brand': currentActiveIndex === index && !subpageSelected,
+						'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
 						'text-contrast': currentActiveIndex !== index || subpageSelected,
 					}"
 					>{{ link.label }}</span

packages/ui/src/components/servers/files/explorer/FileItem.vue

@@ -341,6 +341,12 @@ function handleDrop(event: DragEvent) {
 
 <style scoped>
 .file-row-alt {
+	background: color-mix(in srgb, var(--surface-2), black 3%);
+}
+
+:global(.dark-mode) .file-row-alt,
+:global(.dark) .file-row-alt,
+:global(.oled-mode) .file-row-alt {
 	background: color-mix(in srgb, var(--surface-2), black 10%);
 }
 </style>