pingdotgg / pingdotgg/t3code

fix(mobile): increase inline skill chip contrast in dark mode

Open
#7,525 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
23k
Forks
5.9k
Avg merge
11h 14m
Merged PRs (30d)
357

Description

Problem

In the mobile app's default dark theme, an inline skill token can render as white or near-white text on a light green/accent chip. The foreground and chip background are too close in luminance, so the skill name is difficult to read.

The composer token colors flow through --color-inline-skill-background, --color-inline-skill-border, and --color-inline-skill-foreground into the native Android composer editor.

Expected behavior

Inline skill names should remain clearly readable against the chip background in the default dark theme.

Acceptance criteria

  • Use an explicit high-contrast foreground/background pairing for the default dark theme.
  • Meet WCAG AA contrast for normal text (at least 4.5:1).
  • Keep the skill chip visually distinct from file/mention chips.
  • Verify the Android native composer token rendering.
  • Include before/after Android screenshots.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Search for --color-inline-skill-background, --color-inline-skill-border, and --color-inline-skill-foreground, then trace how these tokens reach the native Android composer editor. Check the default dark theme pairing against WCAG AA and compare it with file and mention chips. Verify the Android rendering and provide before/after screenshots.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, typescript
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.