fix(portfolio): replace faint text with muted for AA contrast

This commit is contained in:
kbot
2026-07-06 20:59:37 -05:00
parent c0376df402
commit 4ea90f90d7
4 changed files with 8 additions and 8 deletions

View File

@@ -53,7 +53,7 @@ export function CapabilityRows() {
<p className="font-display text-[clamp(28px,4.5vw,64px)] font-semibold leading-[0.95] tracking-[-0.06em] text-blacksite-text"> <p className="font-display text-[clamp(28px,4.5vw,64px)] font-semibold leading-[0.95] tracking-[-0.06em] text-blacksite-text">
{capability.text} {capability.text}
</p> </p>
<p className="section-label text-left text-blacksite-faint sm:text-right"> <p className="section-label text-left text-blacksite-muted sm:text-right">
{formatCapabilityIndex(capability.index)} {formatCapabilityIndex(capability.index)}
</p> </p>
</m.div> </m.div>

View File

@@ -168,7 +168,7 @@ export function CommandPalette() {
<Command.Input <Command.Input
autoFocus autoFocus
placeholder="Type a command or search the blacksite..." placeholder="Type a command or search the blacksite..."
className="mt-3 w-full bg-transparent font-mono text-base text-blacksite-text outline-none placeholder:text-blacksite-faint focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-signal-cyan sm:text-lg" className="mt-3 w-full bg-transparent font-mono text-base text-blacksite-text outline-none placeholder:text-blacksite-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-signal-cyan sm:text-lg"
/> />
</div> </div>

View File

@@ -94,7 +94,7 @@ export function OperatorProfile() {
Domain Capabilities Domain Capabilities
</h3> </h3>
</div> </div>
<p className="section-label text-blacksite-faint">OPERATING SURFACE</p> <p className="section-label text-blacksite-muted">OPERATING SURFACE</p>
</div> </div>
<div className="overflow-hidden rounded-xl border border-blacksite-line"> <div className="overflow-hidden rounded-xl border border-blacksite-line">

View File

@@ -110,7 +110,7 @@ export function WorkIndex() {
PROJECT PROJECT
</p> </p>
<div className="flex items-baseline gap-3"> <div className="flex items-baseline gap-3">
<span className="font-mono text-xs text-blacksite-faint"> <span className="font-mono text-xs text-blacksite-muted">
{String(index + 1).padStart(2, "0")} {String(index + 1).padStart(2, "0")}
</span> </span>
<h3 <h3
@@ -129,7 +129,7 @@ export function WorkIndex() {
</div> </div>
<div> <div>
<p className="section-label mb-1 text-blacksite-faint md:hidden"> <p className="section-label mb-1 text-blacksite-muted md:hidden">
TYPE TYPE
</p> </p>
<p className="text-sm leading-5 text-blacksite-muted"> <p className="text-sm leading-5 text-blacksite-muted">
@@ -138,7 +138,7 @@ export function WorkIndex() {
</div> </div>
<div> <div>
<p className="section-label mb-1 text-blacksite-faint md:hidden"> <p className="section-label mb-1 text-blacksite-muted md:hidden">
STATUS STATUS
</p> </p>
<p className="flex items-center gap-2 font-mono text-xs uppercase tracking-[0.16em] text-blacksite-muted"> <p className="flex items-center gap-2 font-mono text-xs uppercase tracking-[0.16em] text-blacksite-muted">
@@ -150,7 +150,7 @@ export function WorkIndex() {
</div> </div>
<div className="md:text-right"> <div className="md:text-right">
<p className="section-label mb-1 text-blacksite-faint md:hidden"> <p className="section-label mb-1 text-blacksite-muted md:hidden">
YEAR YEAR
</p> </p>
<p className="font-mono text-xs text-blacksite-muted"> <p className="font-mono text-xs text-blacksite-muted">
@@ -229,7 +229,7 @@ export function WorkIndex() {
))} ))}
</div> </div>
) : ( ) : (
<p className="font-mono text-xs uppercase tracking-[0.14em] text-blacksite-faint"> <p className="font-mono text-xs uppercase tracking-[0.14em] text-blacksite-muted">
Closed / internal artifact Closed / internal artifact
</p> </p>
)} )}