From e02c99bd1695b1821494cb7e12f4161194f27cdd Mon Sep 17 00:00:00 2001
From: Rehan Ansari <rehanrehman389@gmail.com>
Date: Tue, 23 Dec 2025 22:35:03 +0530
Subject: [PATCH] fix: dark theme styling for programs

---
 frontend/src/pages/Programs/ProgramEnrollment.vue | 8 ++++----
 frontend/src/pages/Programs/StudentPrograms.vue   | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/Programs/ProgramEnrollment.vue b/frontend/src/pages/Programs/ProgramEnrollment.vue
index b82ba8c6..0e6beceb 100644
--- a/frontend/src/pages/Programs/ProgramEnrollment.vue
+++ b/frontend/src/pages/Programs/ProgramEnrollment.vue
@@ -11,7 +11,7 @@
 			</div>
 		</template>
 		<template #body-content>
-			<div v-if="program.data" class="text-base">
+			<div v-if="program.data" class="text-base text-ink-gray-9">
 				<div class="bg-surface-blue-2 text-ink-blue-3 p-2 rounded-md leading-5">
 					<span>
 						{{
@@ -46,9 +46,9 @@
 					<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-2">
 						<div
 							v-for="course in program.data.courses"
-							class="flex flex-col border p-2 rounded-md h-full"
+							class="flex flex-col border border-outline-gray-2 p-2 rounded-md h-full"
 						>
-							<div class="font-semibold leading-5 mb-2">
+							<div class="font-semibold text-ink-gray-9 leading-5 mb-2">
 								{{ course.title }}
 							</div>
 
@@ -85,7 +85,7 @@
 
 							<div class="flex items-center space-x-1 mt-auto">
 								<UserAvatar :user="course.instructors[0]" />
-								<span>
+								<span class="text-ink-gray-9">
 									{{ course.instructors[0].full_name }}
 								</span>
 							</div>
diff --git a/frontend/src/pages/Programs/StudentPrograms.vue b/frontend/src/pages/Programs/StudentPrograms.vue
index 8baeb0e4..dfdfaae8 100644
--- a/frontend/src/pages/Programs/StudentPrograms.vue
+++ b/frontend/src/pages/Programs/StudentPrograms.vue
@@ -17,7 +17,7 @@
 						@click="openDetails(program.name, category)"
 						class="border rounded-md p-3 hover:border-outline-gray-3 cursor-pointer"
 					>
-						<div class="text-lg font-semibold mb-2">
+						<div class="text-lg font-semibold text-ink-gray-9 mb-2">
 							{{ program.name }}
 						</div>
 
@@ -40,7 +40,7 @@
 
 						<div v-if="Object.keys(program).includes('progress')" class="mt-5">
 							<ProgressBar :progress="program.progress" />
-							<div class="text-sm mt-1">
+							<div class="text-sm text-ink-gray-7 mt-1">
 								{{ Math.ceil(program.progress) }}% {{ __('completed') }}
 							</div>
 						</div>