Skip to content

improvement(markdown): bump bold weight to 650 in dark mode#5721

Closed
waleedlatif1 wants to merge 1 commit into
stagingfrom
markdown-strong-dark-weight
Closed

improvement(markdown): bump bold weight to 650 in dark mode#5721
waleedlatif1 wants to merge 1 commit into
stagingfrom
markdown-strong-dark-weight

Conversation

@waleedlatif1

Copy link
Copy Markdown
Collaborator

Summary

  • bold text in the markdown renderers (Files .md preview + chat messages) was hard to distinguish from body text in dark mode — light-on-dark text renders perceptually heavier, compressing the 430→600 weight contrast
  • bumped strong to 650 in dark mode only, mirroring how the --font-weight-* tokens already bump semibold 500→550 in dark mode; light mode stays at 600
  • touched: rich-markdown-editor.css (Files), chat-content.tsx prose classes + table wrapper (chat)

Type of Change

  • Improvement

Testing

Tested manually

Checklist

  • Code follows project style guidelines
  • Self-reviewed my changes
  • Tests added/updated and passing
  • No new warnings introduced
  • I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

@waleedlatif1

Copy link
Copy Markdown
Collaborator Author

@greptile

@greptile-apps

greptile-apps Bot commented Jul 16, 2026

Copy link
Copy Markdown
Contributor

Greptile Summary

This PR improves bold-text contrast in dark-mode markdown renderers. The main changes are:

  • Raises file-preview markdown bold text from 600 to 650 in dark mode.
  • Applies the same dark-mode weight to chat prose.
  • Covers bold text inside custom chat tables.

Confidence Score: 5/5

This looks safe to merge.

  • No blocking issues found in the changed code.

Important Files Changed

Filename Overview
apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css Adds a local dark-mode override that raises strong text to weight 650.
apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx Raises dark-mode strong text to weight 650 in chat prose and custom tables.

Reviews (1): Last reviewed commit: "improvement(markdown): bump bold weight ..." | Re-trigger Greptile

@waleedlatif1

Copy link
Copy Markdown
Collaborator Author

@cursor review

@cursor

cursor Bot commented Jul 16, 2026

Copy link
Copy Markdown

PR Summary

Low Risk
CSS/Tailwind typography tweaks only; no logic, auth, or data changes.

Overview
Bold markdown (strong) is harder to read against body text in dark mode because light-on-dark type looks heavier and shrinks the gap between regular (430) and semibold (600).

This PR raises bold to 650 only under .dark, aligned with existing --font-weight-* dark-mode bumps. Light mode stays at 600.

Updates land in the Files markdown preview (rich-markdown-editor.css) and chat markdown (chat-content.tsx prose utilities plus the not-prose table wrapper so bold inside tables matches).

Reviewed by Cursor Bugbot for commit 31f5b23. Configure here.

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅ Bugbot reviewed your changes and found no new issues!

Comment @cursor review or bugbot run to trigger another review on this PR

Reviewed by Cursor Bugbot for commit 31f5b23. Configure here.

@waleedlatif1
waleedlatif1 deleted the markdown-strong-dark-weight branch July 17, 2026 00:35
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