style: apply accessibility badge contrast refinements and update primary color to #4E77FF

This commit is contained in:
2026-08-20 22:42:26 +09:00
parent 898afbcad6
commit 0d58be61a0
8 changed files with 255 additions and 23 deletions
+6 -6
View File
@@ -60,7 +60,7 @@ export default function MembersPage() {
href="https://github.com/sjkoh12"
target="_blank"
rel="noreferrer"
className="text-cobalt hover:underline"
className="text-cobalt-dark dark:text-cobalt hover:underline"
>
GitHub @sjkoh12
</a>
@@ -81,7 +81,7 @@ export default function MembersPage() {
<section className="space-y-8 pt-6 md:pt-10 border-t border-line">
<div className="flex justify-between items-end">
<div>
<div className="font-mono text-xs text-cobalt uppercase tracking-widest font-bold">
<div className="font-mono text-xs text-cobalt-dark dark:text-cobalt uppercase tracking-widest font-bold">
Active Researchers ({activeMembers.length} Members)
</div>
<h2 className="font-serif text-3xl font-normal text-ink mt-1">
@@ -105,7 +105,7 @@ export default function MembersPage() {
<span className="font-serif text-lg font-normal text-ink">
{mem.ko}
</span>
<span className="font-mono text-xs text-cobalt">
<span className="font-mono text-xs text-cobalt-dark dark:text-cobalt">
{mem.degree}
</span>
</div>
@@ -135,7 +135,7 @@ export default function MembersPage() {
<span className="font-serif text-lg font-normal text-ink">
{mem.ko}
</span>
<span className="font-mono text-xs text-cobalt">
<span className="font-mono text-xs text-cobalt-dark dark:text-cobalt">
{mem.degree}
</span>
</div>
@@ -174,7 +174,7 @@ export default function MembersPage() {
2007 2026 (Ph.D.) (M.S.)
</p>
</div>
<span className="font-mono text-xs text-vermillion font-bold border border-vermillion px-3 py-1.5 rounded group-open:bg-vermillion group-open:text-ivory transition-colors">
<span className="font-mono text-xs text-vermillion font-bold border border-vermillion px-3 py-1.5 rounded group-open:bg-vermillion group-open:text-white dark:group-open:text-ivory transition-colors">
<span className="group-open:hidden"> </span>
<span className="hidden group-open:inline"> </span>
</span>
@@ -199,7 +199,7 @@ export default function MembersPage() {
{alum.major && <span>{alum.major}</span>}
</div>
{alum.currentPosition && (
<div className="text-xs text-cobalt pt-1 border-t border-line/40">
<div className="text-xs text-cobalt-dark dark:text-cobalt pt-1 border-t border-line/40">
{alum.currentPosition}
</div>
)}