fix(portfolio): replace faint text with muted for AA contrast
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user