refac: styling

src/routes/(app)/admin/+layout.svelte

@@ -56,21 +56,21 @@
 								$page.url.pathname
 							)
 								? ''
-								: 'text-gray-300 dark:text-gray-600'} transition"
+								: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 							href="/admin">{$i18n.t('Dashboard')}</a
 						>
 
 						<a
 							class="min-w-fit rounded-full p-1.5 {$page.url.pathname.includes('/admin/evaluations')
 								? ''
-								: 'text-gray-300 dark:text-gray-600'} transition"
+								: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 							href="/admin/evaluations">{$i18n.t('Evaluations')}</a
 						>
 
 						<a
 							class="min-w-fit rounded-full p-1.5 {$page.url.pathname.includes('/admin/settings')
 								? ''
-								: 'text-gray-300 dark:text-gray-600'} transition"
+								: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 							href="/admin/settings">{$i18n.t('Settings')}</a
 						>
 					</div>

src/routes/(app)/playground/+layout.svelte

@@ -46,14 +46,14 @@
 							$page.url.pathname
 						)
 							? ''
-							: 'text-gray-300 dark:text-gray-600'} transition"
+							: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 						href="/playground">{$i18n.t('Chat')}</a
 					>
 
 					<a
 						class="min-w-fit rounded-full p-1.5 {$page.url.pathname.includes('/playground/notes')
 							? ''
-							: 'text-gray-300 dark:text-gray-600'} transition"
+							: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 						href="/playground/notes">{$i18n.t('Notes')}</a
 					>
 
@@ -62,7 +62,7 @@
 							'/playground/completions'
 						)
 							? ''
-							: 'text-gray-300 dark:text-gray-600'} transition"
+							: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 						href="/playground/completions">{$i18n.t('Completions')}</a
 					>
 				</div>

src/routes/(app)/workspace/+layout.svelte

@@ -54,7 +54,7 @@
 						<a
 							class="min-w-fit rounded-full p-1.5 {$page.url.pathname.includes('/workspace/models')
 								? ''
-								: 'text-gray-300 dark:text-gray-600'} transition"
+								: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 							href="/workspace/models">{$i18n.t('Models')}</a
 						>
 
@@ -63,7 +63,7 @@
 								'/workspace/knowledge'
 							)
 								? ''
-								: 'text-gray-300 dark:text-gray-600'} transition"
+								: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 							href="/workspace/knowledge"
 						>
 							{$i18n.t('Knowledge')}
@@ -72,14 +72,14 @@
 						<a
 							class="min-w-fit rounded-full p-1.5 {$page.url.pathname.includes('/workspace/prompts')
 								? ''
-								: 'text-gray-300 dark:text-gray-600'} transition"
+								: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 							href="/workspace/prompts">{$i18n.t('Prompts')}</a
 						>
 
 						<a
 							class="min-w-fit rounded-full p-1.5 {$page.url.pathname.includes('/workspace/tools')
 								? ''
-								: 'text-gray-300 dark:text-gray-600'} transition"
+								: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 							href="/workspace/tools"
 						>
 							{$i18n.t('Tools')}
@@ -90,7 +90,7 @@
 								'/workspace/functions'
 							)
 								? ''
-								: 'text-gray-300 dark:text-gray-600'} transition"
+								: 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition"
 							href="/workspace/functions"
 						>
 							{$i18n.t('Functions')}