marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
components/portfolio/CapabilityRows.tsx
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">
{capability.text}
</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)}
</p>
</m.div>

2
components/portfolio/CommandPalette.tsx
View File

@@ -168,7 +168,7 @@ export function CommandPalette() {
<Command.Input
autoFocus
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>

2
components/portfolio/OperatorProfile.tsx
View File

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

10
components/portfolio/WorkIndex.tsx
View File

@@ -110,7 +110,7 @@ export function WorkIndex() {
PROJECT
</p>
<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")}
</span>
<h3
@@ -129,7 +129,7 @@ export function WorkIndex() {
</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
</p>
<p className="text-sm leading-5 text-blacksite-muted">
@@ -138,7 +138,7 @@ export function WorkIndex() {
</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
</p>
<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 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
</p>
<p className="font-mono text-xs text-blacksite-muted">
@@ -229,7 +229,7 @@ export function WorkIndex() {
))}
</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
</p>
)}