fix(theme): fix green badges dark mode contrast

This commit is contained in:
Gabriel Ramos 2026-06-10 16:34:03 -04:00
parent 5b003ac9e0
commit 774e5044ca
2 changed files with 6 additions and 6 deletions

View file

@ -518,7 +518,7 @@ export default function CandidatesPage() {
</span> </span>
)} )}
{item.status === "success" && ( {item.status === "success" && (
<span className="text-green-700 dark:text-green-400 font-semibold flex items-center gap-1"> <span className="text-green-700 dark:text-green-200 font-semibold flex items-center gap-1">
{t.success} {t.success}
</span> </span>
)} )}
@ -731,7 +731,7 @@ export default function CandidatesPage() {
{vacancy.classification ? ( {vacancy.classification ? (
<span className={`px-2 py-0.5 text-xs rounded-md font-semibold border ${ <span className={`px-2 py-0.5 text-xs rounded-md font-semibold border ${
vacancy.classification === "Qualified" vacancy.classification === "Qualified"
? "bg-green-50 dark:bg-green-950/30 text-green-700 dark:text-green-400 border-green-200 dark:border-green-900/50" ? "bg-green-50 dark:bg-green-800/20 text-green-700 dark:text-green-200 border-green-200 dark:border-green-800/30"
: vacancy.classification === "Review" : vacancy.classification === "Review"
? "bg-slate-50 dark:bg-slate-800 text-slate-600 dark:text-slate-300 border-slate-200 dark:border-slate-700" ? "bg-slate-50 dark:bg-slate-800 text-slate-600 dark:text-slate-300 border-slate-200 dark:border-slate-700"
: "bg-red-50 dark:bg-red-950/30 text-red-700 dark:text-red-400 border-red-200 dark:border-red-900/50" : "bg-red-50 dark:bg-red-950/30 text-red-700 dark:text-red-400 border-red-200 dark:border-red-900/50"

View file

@ -770,7 +770,7 @@ export default function JobsPage() {
</p> </p>
)} )}
{uploadSuccess && ( {uploadSuccess && (
<p className="text-xs text-green-600 dark:text-green-400 mt-3 font-semibold"> <p className="text-xs text-green-700 dark:text-green-200 mt-3 font-semibold">
{uploadSuccess} {uploadSuccess}
</p> </p>
)} )}
@ -793,7 +793,7 @@ export default function JobsPage() {
</span> </span>
)} )}
{item.status === "success" && ( {item.status === "success" && (
<span className="text-green-600 dark:text-green-400 font-semibold flex items-center gap-1"> <span className="text-green-700 dark:text-green-200 font-semibold flex items-center gap-1">
{t.success} {t.success}
</span> </span>
)} )}
@ -891,7 +891,7 @@ export default function JobsPage() {
<span <span
className={`px-2.5 py-1 text-xs font-semibold rounded-md border ${ className={`px-2.5 py-1 text-xs font-semibold rounded-md border ${
isPotentialMatch isPotentialMatch
? "bg-green-50 dark:bg-green-950/30 text-green-700 dark:text-green-400 border-green-200 dark:border-green-900/50" ? "bg-green-50 dark:bg-green-800/20 text-green-700 dark:text-green-200 border-green-200 dark:border-green-800/30"
: "bg-slate-50 dark:bg-slate-800 text-slate-500 dark:text-slate-400 border-slate-200 dark:border-slate-700" : "bg-slate-50 dark:bg-slate-800 text-slate-500 dark:text-slate-400 border-slate-200 dark:border-slate-700"
}`} }`}
> >
@ -985,7 +985,7 @@ export default function JobsPage() {
{/* Promote to Interview Pipeline */} {/* Promote to Interview Pipeline */}
{match.interview ? ( {match.interview ? (
<span className="px-3 py-1.5 bg-green-50 dark:bg-green-955/30 border border-green-200 dark:border-green-900/50 text-green-700 dark:text-green-400 text-xs font-semibold rounded-md"> <span className="px-3 py-1.5 bg-green-50 dark:bg-green-800/20 border border-green-200 dark:border-green-800/30 text-green-700 dark:text-green-200 text-xs font-semibold rounded-md">
{t.promoted} ({match.interview.stage}) {t.promoted} ({match.interview.stage})
</span> </span>
) : ( ) : (