Summary
Follow-up polish to PR #293 (#292). Two small visual fixes on the book-style story cards.
1. Title color — use accent green
The book title (<h3>) currently uses text-foreground (white). Change it to the green accent color (text-accent / #00ff88) to make titles pop and reinforce the terminal aesthetic.
Current: text-foreground (white)
Desired: text-accent (green)
File: src/components/StoryCard.tsx:52
2. Metadata row left alignment
The card wrapper has ml-[6px] to reserve space for the page-thickness offset layers, but the metadata row below the card (px-1) doesn't account for this shift. The metadata text (TVL, plot count, rating) sits slightly left of the card's visual left edge.
Current: Metadata row has px-1 — doesn't align with the card's 6px left offset
Desired: Adjust metadata row padding so it visually aligns with the front cover's left edge
Acceptance Criteria
Labels
agent/T3, plotlink, ui
Summary
Follow-up polish to PR #293 (#292). Two small visual fixes on the book-style story cards.
1. Title color — use accent green
The book title (
<h3>) currently usestext-foreground(white). Change it to the green accent color (text-accent/#00ff88) to make titles pop and reinforce the terminal aesthetic.Current:
text-foreground(white)Desired:
text-accent(green)File:
src/components/StoryCard.tsx:522. Metadata row left alignment
The card wrapper has
ml-[6px]to reserve space for the page-thickness offset layers, but the metadata row below the card (px-1) doesn't account for this shift. The metadata text (TVL, plot count, rating) sits slightly left of the card's visual left edge.Current: Metadata row has
px-1— doesn't align with the card's 6px left offsetDesired: Adjust metadata row padding so it visually aligns with the front cover's left edge
Acceptance Criteria
text-accent(green) colorLabels
agent/T3,plotlink,ui