fix: dark mode for course and batch tags

frontend/src/components/BatchCard.vue

@@ -1,27 +1,23 @@
 <template>
 	<div
-		class="flex flex-col border hover:bg-surface-gray-2 rounded-md p-4 h-full"
+		class="flex flex-col border-2 hover:bg-surface-gray-2 rounded-md p-4 h-full"
 		style="min-height: 150px"
 	>
 		<div class="text-lg leading-5 font-semibold mb-2 text-ink-gray-9">
 			{{ batch.title }}
 		</div>
-		<Badge
+		<div v-if="batch.seat_count && batch.seats_left > 0" class="text-xs bg-green-200 text-green-800 self-start px-2 py-0.5 rounded-md">
-			v-if="batch.seat_count && batch.seats_left > 0"
-			theme="green"
-			class="self-start mb-2"
-		>
 			{{ batch.seats_left }}
-			<span v-if="batch.seats_left > 1">{{ __('Seats Left') }}</span
+			<span v-if="batch.seats_left > 1">
-			><span v-else-if="batch.seats_left == 1">{{ __('Seat Left') }}</span>
+				{{ __('Seats Left') }}
-		</Badge>
+			</span>
-		<Badge
+			<span v-else-if="batch.seats_left == 1">
-			v-else-if="batch.seat_count && batch.seats_left <= 0"
+				{{ __('Seat Left') }}
-			theme="red"
+			</span>
-			class="self-start mb-2"
+		</div>
-		>
+		<div v-else-if="batch.seat_count && batch.seats_left <= 0" class="text-xs bg-red-200 text-red-900 self-start px-2 py-0.5 rounded-md">
 			{{ __('Sold Out') }}
-		</Badge>
+		</div>
 		<div class="short-introduction text-sm text-ink-gray-7">
 			{{ batch.description }}
 		</div>

frontend/src/components/BatchOverlay.vue

@@ -1,5 +1,5 @@
 <template>
-	<div v-if="batch.data" class="border rounded-md p-5 lg:w-72">
+	<div v-if="batch.data" class="border-2 rounded-md p-5 lg:w-72">
 		<Badge
 			v-if="batch.data.seat_count && seats_left > 0"
 			theme="green"

frontend/src/components/CourseCard.vue

@@ -1,7 +1,7 @@
 <template>
 	<div
 		v-if="course.title"
-		class="flex flex-col h-full rounded-md shadow-md border overflow-auto"
+		class="flex flex-col h-full rounded-md shadow-md border-2 overflow-auto"
 		style="min-height: 350px"
 	>
 		<div
@@ -15,14 +15,9 @@
 				<Badge v-if="course.featured" variant="subtle" theme="green" size="md">
 					{{ __('Featured') }}
 				</Badge>
-				<Badge
+				<div v-for="tag in course.tags" class="text-xs bg-white text-gray-800 px-2 py-0.5 rounded-md">
-					variant="solid"
-					theme="gray"
-					size="md"
-					v-for="tag in course.tags"
-				>
 					{{ tag }}
-				</Badge>
+				</div>
 			</div>
 			<div v-if="!course.image" class="image-placeholder">
 				{{ course.title[0] }}

frontend/src/components/CourseCardOverlay.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="border rounded-md min-w-80">
+	<div class="border-2 rounded-md min-w-80">
 		<iframe
 			v-if="course.data.video_link"
 			:src="video_link"

frontend/src/components/JobCard.vue

@@ -3,7 +3,7 @@
 		<Avatar :image="job.company_logo" :label="job.job_title" size="2xl" />
 		<div class="flex flex-col space-y-2 flex-1">
 			<div class="flex items-center justify-between">
-				<span class="font-semibold">
+				<span class="font-semibold text-ink-gray-9">
 					{{ job.job_title }}
 				</span>
 			</div>

frontend/src/pages/JobDetail.vue

@@ -59,7 +59,7 @@
 							class="w-16 h-16 rounded-lg object-contain mr-4"
 							:alt="job.data.company_name"
 						/>
-						<div class="text-2xl font-semibold mb-4">
+						<div class="text-2xl text-ink-gray-9 font-semibold mb-4">
 							{{ job.data.job_title }}
 						</div>
 					</div>
@@ -71,7 +71,7 @@
 								<span class="p-4 bg-surface-green-1 rounded-full">
 									<Building2 class="h-4 w-4 text-ink-green-2" />
 								</span>
-								<div class="flex flex-col space-y-2">
+								<div class="flex flex-col space-y-2 text-ink-gray-7">
 									<span class="text-xs text-ink-gray-5 font-medium uppercase">
 										{{ __('Organisation') }}
 									</span>
@@ -84,8 +84,8 @@
 								<span class="p-4 bg-surface-red-1 rounded-full">
 									<MapPin class="h-4 w-4 text-ink-red-3" />
 								</span>
-								<div class="flex flex-col space-y-2">
+								<div class="flex flex-col space-y-2 text-ink-gray-7">
-									<span class="text-xs text-ink-gray-5 font-medium uppercase">
+									<span class="text-xs font-medium uppercase">
 										{{ __('Location') }}
 									</span>
 									<span class="text-sm font-semibold">
@@ -97,8 +97,8 @@
 								<span class="p-4 bg-yellow-50 rounded-full">
 									<ClipboardType class="h-4 w-4 text-yellow-500" />
 								</span>
-								<div class="flex flex-col space-y-2">
+								<div class="flex flex-col space-y-2 text-ink-gray-7">
-									<span class="text-xs font-medium text-ink-gray-5 uppercase">
+									<span class="text-xs font-medium uppercase">
 										{{ __('Category') }}
 									</span>
 									<span class="text-sm font-semibold">
@@ -110,8 +110,8 @@
 								<span class="p-4 bg-surface-blue-1 rounded-full">
 									<CalendarDays class="h-4 w-4 text-ink-blue-2" />
 								</span>
-								<div class="flex flex-col space-y-2">
+								<div class="flex flex-col space-y-2 text-ink-gray-7">
-									<span class="text-xs text-ink-gray-5 font-medium uppercase">
+									<span class="text-xs font-medium uppercase">
 										{{ __('Posted on') }}
 									</span>
 									<span class="text-sm font-semibold">
@@ -126,8 +126,8 @@
 								<span class="p-4 bg-purple-50 rounded-full">
 									<SquareUserRound class="h-4 w-4 text-purple-500" />
 								</span>
-								<div class="flex flex-col space-y-2">
+								<div class="flex flex-col space-y-2 text-ink-gray-7">
-									<span class="text-xs text-ink-gray-5 font-medium uppercase">
+									<span class="text-xs font-medium uppercase">
 										{{ __('Applications Received') }}
 									</span>
 									<span class="text-sm font-semibold">

frontend/src/pages/Jobs.vue

@@ -29,7 +29,7 @@
 				<div
 					class="flex flex-col lg:flex-row space-y-4 lg:space-y-0 lg:items-center justify-between mb-5"
 				>
-					<div class="text-xl font-semibold">
+					<div class="text-xl text-ink-gray-9 font-semibold">
 						{{ __('Find the perfect job for you') }}
 					</div>
 					<div class="grid grid-cols-2 gap-2">

frontend/src/pages/ProfileEvaluationSchedule.vue

@@ -14,7 +14,7 @@
 			>
 				<template #header="{ currentMonthYear, decrement, increment }">
 					<div class="mb-2 flex justify-between">
-						<span class="text-lg font-semibold">
+						<span class="text-lg text-ink-gray-9 font-semibold">
 							{{ currentMonthYear }}
 						</span>
 						<div class="flex gap-x-1">

lms/lms/doctype/lms_batch_enrollment/lms_batch_enrollment.json

@@ -73,7 +73,7 @@
  ],
  "index_web_pages_for_search": 1,
  "links": [],
- "modified": "2025-02-10 16:06:48.720780",
+ "modified": "2025-02-11 10:39:57.259526",
  "modified_by": "Administrator",
  "module": "LMS",
  "name": "LMS Batch Enrollment",
@@ -117,5 +117,6 @@
  ],
  "sort_field": "creation",
  "sort_order": "DESC",
- "states": []
+ "states": [],
+ "title_field": "member_name"
 }

lms/lms/notification/payment_completion_reminder/payment_completion_reminder.html

@@ -1,5 +1,5 @@
 <div>
-    <p>Hi {{ doc.member_name }},</p>
+    <p>Hi {{ doc.billing_name }},</p>
     <p>We noticed that you started enrolling in the {{ doc.payment_for_document_type.split(" ")[-1] }} {{ frappe.db.get_value(doc.payment_for_document_type, doc.payment_for_document, "title") }} but didn’t complete your payment.</p>
     <p>We have a limited number of seats, and they won't be available for long!</p>
     <p>Don’t miss this opportunity to enhance your skills. Click below to complete your enrollment:</p>

lms/lms/notification/payment_completion_reminder/payment_completion_reminder.json

@@ -12,10 +12,10 @@
  "event": "Days After",
  "idx": 0,
  "is_standard": 1,
- "message": "<div>\n    <p>Hi {{ doc.member_name }},</p>\n    <p>We noticed that you started enrolling in the {{ doc.payment_for_document_type.split(\" \")[-1] }} {{ frappe.db.get_value(doc.payment_for_document_type, doc.payment_for_document, \"title\") }} but didn\u2019t complete your payment.</p>\n    <p>We have a limited number of seats, and they won't be available for long!</p>\n    <p>Don\u2019t miss this opportunity to enhance your skills. Click below to complete your enrollment:</p>\n    <p>\n        <a href=\"/lms/billing/{{ doc.payment_for_document_type.split(' ')[-1].lower() }}/{{ doc.payment_for_document }}\">\ud83d\udc49 Complete Your Enrollment</a>\n    </p>\n    <p>If you have any questions or need assistance, feel free to reach out to our support team.</p>\n    <p>Looking forward to seeing you enrolled!</p>\n</div>",
+ "message": "<div>\n    <p>Hi {{ doc.billing_name }},</p>\n    <p>We noticed that you started enrolling in the {{ doc.payment_for_document_type.split(\" \")[-1] }} {{ frappe.db.get_value(doc.payment_for_document_type, doc.payment_for_document, \"title\") }} but didn\u2019t complete your payment.</p>\n    <p>We have a limited number of seats, and they won't be available for long!</p>\n    <p>Don\u2019t miss this opportunity to enhance your skills. Click below to complete your enrollment:</p>\n    <p>\n        <a href=\"/lms/billing/{{ doc.payment_for_document_type.split(' ')[-1].lower() }}/{{ doc.payment_for_document }}\">\ud83d\udc49 Complete Your Enrollment</a>\n    </p>\n    <p>If you have any questions or need assistance, feel free to reach out to our support team.</p>\n    <p>Looking forward to seeing you enrolled!</p>\n</div>",
  "message_type": "HTML",
  "minutes_offset": 0,
- "modified": "2025-02-03 16:14:24.568958",
+ "modified": "2025-02-11 10:36:05.671626",
  "modified_by": "sayali@frappe.io",
  "module": "LMS",
  "name": "Payment Completion Reminder",

package.json

@@ -2,7 +2,7 @@
   "name": "frappe_lms",
   "version": "1.0.0",
   "description": "Easy to use, open-source, Learning Management System",
-  "workspaces1": [
+  "workspaces": [
     "frappe-ui",
     "frontend"
   ],