Skip to content

feat(theme+demo): custom button/dark-mode tokens, live row CTAs, table polish#8

Merged
mayeedwin merged 3 commits into
mainfrom
feature/improvements
Jul 23, 2026
Merged

feat(theme+demo): custom button/dark-mode tokens, live row CTAs, table polish#8
mayeedwin merged 3 commits into
mainfrom
feature/improvements

Conversation

@mayeedwin

@mayeedwin mayeedwin commented Jul 23, 2026

Copy link
Copy Markdown
Owner

Theming — customizable buttons + dark-mode fixes

Addresses hard-to-override styles and white-on-white on dark backgrounds.

  • New themeable tokens (via theme prop or --conversed-* CSS vars): primaryContrast, buttonBg, buttonText, buttonBorderColor, codeBg, codeText.
  • primaryContrast auto-derives from the primary's luminance, so text on filled buttons/badges stays readable for any primary.
  • Accent colors are primary-derived: hover tints use --conversed-primary-alpha15 (no more hardcoded blue), filled-element text uses --conversed-primary-contrast.
  • Fixed dark-mode white background (Angular chips/timeline #ffffff fallbacks → transparent).
  • Removed the override-blocking box-shadow: none !important.
  • Code block is now themeable (--conversed-code-bg / -text).

Neutrals (borders, muted text, code surface) remain overridable defaults from the CONVERSED_GRAY ramp — not tinted from primary (by design; a tintNeutrals option can be added later).

Demo — live row-CTA feedback

A command row action (task-start / task-complete, not navigation) now updates its row in place: status flips to In progress / Done ✓, Start drops, Complete becomes Completed.

Table polish

Removed the outer margin on .conversed-table-container (React + Angular).

Verified: core/react/angular + demo build & lint clean.

mayeedwin and others added 3 commits July 23, 2026 18:44
- Add themeable tokens: primaryContrast (auto-derived from primary luminance),
  buttonBg/buttonText/buttonBorderColor, codeBg/codeText
- Replace hardcoded #fff on filled elements with --conversed-primary-contrast,
  and hardcoded blue hover tints with the derived --conversed-primary-alpha15
- Fix Angular chips/timeline white (#ffffff) fallbacks -> transparent (dark-mode)
- Drop override-blocking 'box-shadow: none !important'

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
When a task-start/task-complete command fires (not navigation), update that
row in place: status flips to 'In progress' / 'Done ✓' and the buttons change
('Start' drops; 'Complete' becomes 'Completed'). Navigation actions are unaffected.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@gemini-code-assist

Copy link
Copy Markdown

Caution

The consumer version of Gemini Code Assist on GitHub has been sunset. All code review activity has officially ceased.

@mayeedwin mayeedwin self-assigned this Jul 23, 2026
@mayeedwin
mayeedwin merged commit 4c926c7 into main Jul 23, 2026
2 checks passed
@mayeedwin
mayeedwin deleted the feature/improvements branch July 23, 2026 16:00
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