Skip to content

style(chat): make reply bubble table headers transparent + bold in light theme#902

Merged
hazeone merged 2 commits intomainfrom
cursor/chat-bubble-table-header-light-f047
Apr 23, 2026
Merged

style(chat): make reply bubble table headers transparent + bold in light theme#902
hazeone merged 2 commits intomainfrom
cursor/chat-bubble-table-header-light-f047

Conversation

@hazeone
Copy link
Copy Markdown
Contributor

@hazeone hazeone commented Apr 23, 2026

Summary

Markdown tables rendered inside assistant reply bubbles showed a filled (muted) background on the header row, which looked heavy on the light theme. This PR makes the header background transparent and bumps the font weight to 700 in light mode. Dark theme retains the original muted background so the header row stays visually distinct against the dark bubble.

Reply bubble markdown table header in light theme (transparent background, bold text)

Change is isolated to .prose th in src/styles/globals.css; no renderer/main IPC changes.

Related Issue(s)

N/A

Type of Change

  • Bug fix
  • New feature
  • Documentation
  • Refactor
  • Other (visual style tweak)

Validation

  • pnpm run lint
  • pnpm run typecheck
  • pnpm run build:vite
  • New Electron E2E spec tests/e2e/chat-table-header-light.spec.ts seeds a chat session with a markdown table, switches to light theme, asserts computed header styles (background-color: rgba(0, 0, 0, 0), font-weight >= 700) and attaches a screenshot of the rendered table to the Playwright report via testInfo.outputPath(...) so it works on both Linux (cloud) and macOS runners.
    • xvfb-run -a pnpm exec playwright test tests/e2e/chat-table-header-light.spec.ts — passes on Linux.

Checklist

  • I ran relevant checks/tests locally.
  • I updated docs if behavior or interfaces changed. (N/A — visual-only tweak, no behavior/interface change)
  • I verified there are no unrelated changes in this PR.

To show artifacts inline, enable in settings.

Open in Web Open in Cursor 

…light theme

Markdown tables rendered inside assistant reply bubbles previously showed a
filled (muted) background on the header row, which looked heavy on the light
theme. Make the header background transparent and bump the font weight to 700
in light mode. Dark theme retains the original muted background so the header
row stays visually distinct against the dark bubble.

Adds an Electron E2E spec that seeds a session with a markdown table, switches
to the light theme, asserts the computed header styles and captures a
screenshot of the rendered table.

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
…nglish fixtures

- Replace the Chinese seeded chat content in the markdown-table-header spec
  with English equivalents so the fixture is locale-neutral.
- Save the screenshot via testInfo.outputPath(...) and attach it to the
  Playwright report instead of writing directly to /opt/cursor/artifacts,
  which does not exist on the macOS E2E runner and caused ENOENT failures.
  The spec still mirrors the file to /opt/cursor/artifacts when the
  directory exists (for cloud-agent artifact uploads), but silently
  ignores missing parent dirs.

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
@hazeone hazeone marked this pull request as ready for review April 23, 2026 11:59
@hazeone hazeone merged commit 430d1d0 into main Apr 23, 2026
5 checks passed
@hazeone hazeone deleted the cursor/chat-bubble-table-header-light-f047 branch April 23, 2026 11:59
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.

2 participants