mdx-editor / mdx-editor/editor

Suggestion: A separate style for only the toolbar

Open
#326 5 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
3.7k
Forks
307
Avg merge
14h 22m
Merged PRs (30d)
5

Description

I have been looking for a built-in style for the toolbar, but I have not found one that only imports required styling for the toolbar.

Unfortunately, when importing import "@mdxeditor/editor/style.css"; it overrides any font styling and even font color. I would very much appreciate a separate style we could import which contains the style for the toolbars (light/dark theme, for example) without having to fiddle with the CSS.

Thank you for the great work done on this tool, very much appreciated 😸

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the existing @mdxeditor/editor/style.css import and the toolbar styling it contains. Define a separate importable stylesheet for toolbar presentation, including light and dark theme support, while leaving consumer font styling and color unaffected. No specific source file or test is named in the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.