Merge pull request #1801 from rehanrehman389/streak-fix

fix: improve visibility in dark mode

frontend/src/components/Modals/JobApplicationModal.vue

@@ -18,7 +18,7 @@
 	>
 		<template #body-content>
 			<div class="flex flex-col gap-4">
-				<p>
+				<p class="text-ink-gray-9">
 					{{
 						__(
 							'Submit your resume to proceed with your application for this position. Upon submission, it will be shared with the job poster.'
@@ -51,7 +51,7 @@
 						<FileText class="h-5 w-5 stroke-1.5 text-ink-gray-7" />
 					</div>
 					<div class="flex flex-col">
-						<span>
+						<span class="text-ink-gray-9">
 							{{ resume.file_name }}
 						</span>
 						<span class="text-sm text-ink-gray-4 mt-1">

frontend/src/pages/Billing.vue

@@ -20,7 +20,7 @@
 						<div class="text-ink-gray-5">
 							{{ __('Payment for ') }} {{ type }}:
 						</div>
-						<div class="leading-5">
+						<div class="leading-5 text-ink-gray-9">
 							{{ orderSummary.data.title }}
 						</div>
 					</div>
@@ -31,7 +31,7 @@
 						<div class="text-ink-gray-5">
 							{{ __('Original Amount') }}
 						</div>
-						<div class="">
+						<div class="text-ink-gray-9">
 							{{ orderSummary.data.original_amount_formatted }}
 						</div>
 					</div>
@@ -42,17 +42,17 @@
 						<div class="text-ink-gray-5">
 							{{ __('GST Amount') }}
 						</div>
-						<div>
+						<div class="text-ink-gray-9">
 							{{ orderSummary.data.gst_amount_formatted }}
 						</div>
 					</div>
 					<div
 						class="flex items-center justify-between border-t border-outline-gray-3 pt-4 mt-2"
 					>
-						<div class="text-lg font-semibold">
+						<div class="text-lg font-semibold text-ink-gray-9">
 							{{ __('Total') }}
 						</div>
-						<div class="text-lg font-semibold">
+						<div class="text-lg font-semibold text-ink-gray-9">
 							{{ orderSummary.data.total_amount_formatted }}
 						</div>
 					</div>
@@ -60,7 +60,7 @@
 
 				<div class="flex-1 lg:mr-10">
 					<div class="mb-5">
-						<div class="text-lg font-semibold">
+						<div class="text-lg font-semibold text-ink-gray-9">
 							{{ __('Address') }}
 						</div>
 					</div>

frontend/src/pages/Home/Home.vue

@@ -18,7 +18,7 @@
 						class="bg-surface-amber-2 px-2 py-1 rounded-md cursor-pointer"
 					>
 						<span> 🔥 </span>
-						<span>
+						<span class="text-ink-gray-9">
 							{{ streakInfo.data?.current_streak }}
 						</span>
 					</div>

frontend/src/pages/Home/Streak.vue

@@ -20,7 +20,7 @@
 							}}
 							{{ __(' you are on a') }}
 						</div>
-						<div class="font-semibold text-xl">
+						<div class="font-semibold text-xl text-ink-gray-9">
 							{{ streakInfo.data?.current_streak }} {{ __('day streak') }}
 						</div>
 					</div>
@@ -33,7 +33,7 @@
 						<div class="text-ink-gray-6">
 							{{ __('Current Streak') }}
 						</div>
-						<div class="font-semibold text-lg">
+						<div class="font-semibold text-lg text-ink-gray-9">
 							{{ streakInfo.data?.current_streak }} {{ __('days') }}
 						</div>
 					</div>
@@ -41,7 +41,7 @@
 						<div class="text-ink-gray-6">
 							{{ __('Longest Streak') }}
 						</div>
-						<div class="font-semibold text-lg">
+						<div class="font-semibold text-lg text-ink-gray-9">
 							{{ streakInfo.data?.longest_streak }} {{ __('days') }}
 						</div>
 					</div>