Skip to content

[Feedback] [Conversation UI] Improve contrast of code and pre tags in conversations #42

Description

@JoshStrobl

Describe the Feature

Contrast of multi-line and inline tags typically used for code and preformatted text could be improved. As you can see from the example, there is inadequate differentiation of the text and the grey on the lighter color makes it hard to see.

Image

Since you folks use react-markdown, my suggestion would be:

  1. Pass components via the components prop on Markdown from react-markdown, overloading code and pre
  2. Use react-syntax-highlighter + hljs in the overloaded components
  3. Pick a theme from https://highlightjs.org/examples, for example github-dark

Environment where you would like to have this feature available:

  • OS: [e.g. iOS] Linux, macOS
  • Browser [e.g. chrome, safari] Zen (Firefox)
  • Version [e.g. 22] 0.3.1

Additional context
Add any other context about the problem here.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Fields

No fields configured for Feature.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions