Skip to content

Outline 'Installed' chips in brand teal; lighten card text#29

Merged
mrhegemon merged 1 commit into
mainfrom
style/teal-chip-card-text
Jun 15, 2026
Merged

Outline 'Installed' chips in brand teal; lighten card text#29
mrhegemon merged 1 commit into
mainfrom
style/teal-chip-card-text

Conversation

@mrhegemon

Copy link
Copy Markdown
Member

Two small style changes to index.html (theme-aware, off main).

"Installed" chips

  • Were solid green (--success); now a brand light-teal outline with ~20%-darker teal text.
  • Light: border #2ea9b3, text #238088 (clears WCAG AA at 4.65:1 on white).
  • Dark: border #5fd0d8, bright-teal text #7fe0e6 (10.7:1) — darkening would hurt legibility on dark cards, so the dark text stays bright.

Card paragraph text

  • .prompt-card p description text is ~30% lighter via a new --muted-soft token (light #90a0a9, dark #b3c3c4).

Verified in both light and dark on the running app.

Independent of the open header PR (#28) — touches different rules, no conflict.

🤖 Generated with Claude Code

- 'Installed' chips: solid green -> brand light-teal outline with
  ~20%-darker teal text. Light #238088 clears WCAG AA (4.65:1) on white;
  dark uses bright teal #7fe0e6 (10.7:1) for legibility on dark cards.
- Prompt-card <p> description text ~30% lighter via a new --muted-soft
  token, in both light and dark.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@mrhegemon

Copy link
Copy Markdown
Member Author

erase

@mrhegemon mrhegemon merged commit 41f7879 into main Jun 15, 2026
1 check passed
@mrhegemon mrhegemon deleted the style/teal-chip-card-text branch June 15, 2026 14:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant