Skip to content

feat(web): add custom bot avatar colors - #258

Merged
leoisadev1 merged 2 commits into
mainfrom
t3code/expand-bot-color-options
Sep 13, 2026
Merged

leoisadev1 merged 2 commits into
mainfrom
t3code/expand-bot-color-options

Conversation

@leoisadev1

Copy link
Copy Markdown
Member

Bot avatar colors were limited to the preset palette, and dark custom colors could leave the face unreadable.

This adds a reusable custom color picker alongside the existing presets in bot creation, avatar editing, and desktop onboarding. Custom colors persist as validated six-digit hex values, and the shared avatar renderer now chooses white or near-black eyes from the body color's relative luminance for stronger contrast.

Verification:

  • pnpm exec vp test run apps/web/src/components/roster/BotAvatarView.test.tsx apps/web/src/components/roster/avatarColorPicker.logic.test.ts apps/web/src/components/roster/roster.logic.test.ts apps/web/src/components/onboarding/desktopOnboarding.logic.test.ts
  • pnpm --filter @t3tools/web typecheck
  • Targeted vp lint for all changed files
  • Interactive web verification at 1280×800: presets, custom hex entry, keyboard hue control, dark/light eye contrast, and compact viewport layout

Implemented with GPT-5.6 Sol in the Codex harness through T3 Code.

@vercel

vercel Bot commented Sep 13, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated
akeru-bot-landing Skipped Skipped Sep 13, 2026 8:59pm UTC

Request Review

@github-actions github-actions Bot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:L labels Sep 13, 2026
@leoisadev1
leoisadev1 force-pushed the t3code/expand-bot-color-options branch from 49fe135 to e0e453b Compare September 13, 2026 21:09
@greptile-apps

greptile-apps Bot commented Sep 13, 2026 •

Copy link
Copy Markdown

Greptile Summary

This change adds reusable custom avatar color selection across bot creation, avatar editing, and desktop onboarding. The picker accepts validated six-digit hexadecimal colors, supports pointer and keyboard adjustment of saturation, brightness, and hue, and selects avatar eye contrast from the body color.

Confidence Score: 5/5

Safe to merge.

The previous accessibility thread was resolved by leoisadev1 without an explanatory reply; because greptile-apps differs from the resolver, it was manually resolved without explanation. The current picker exposes saturation and brightness with the selected hex value, fully addressing the reported screen-reader behavior.

Reviews (2): Last reviewed commit: "fix(web): announce avatar color dimensio..." | Re-trigger Greptile

Comment thread apps/web/src/components/roster/AvatarColorPicker.tsx Outdated
@leoisadev1
leoisadev1 merged commit 537e658 into main Sep 13, 2026
11 checks passed
@leoisadev1
leoisadev1 deleted the t3code/expand-bot-color-options branch September 13, 2026 21:27
This was referenced Sep 13, 2026

This branch was previously deployed

1 inactive deployment
Preview — d5222599 Deployed Sep 13, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L vouch:trusted PR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant