Microsoft/monaco-editor

[Feature Request] Colorizing with a specific theme

Open

#3,302 opened on Sep 8, 2022

View on GitHub
 (0 comments) (1 reaction) (0 assignees)JavaScript (1,283 forks)batch import
feature-requesthelp wantedtokenization

Repository metrics

Stars
 (14,836 stars)
PR merge metrics
 (Avg merge 6h 26m) (15 merged PRs in 30d)

Description

Context

  • This issue is not a bug report. (please use a different template for reporting a bug)
  • This issue is not a duplicate of an existing issue. (please use the search to find existing issues)

Description

I see that colorizeElement supports being given a theme, but colorize doesn't.

I'd like to pass a specific theme to colorize as well, and have it write the styles inline in the output string, so that I can use different themes for different things at the same time.

Example use case: a github-like markdown editor, where the editor has a light theme just like the preview, but perhaps code blocks rendered in the preview use a dark theme, for better contrast and an arguably more interesting design choice.

Contributor guide

Research direction
Examine the monaco editor source to understand how colorizeElement handles themes and adapt the colorize function to accept an optional theme parameter, then output inline styles.
Tech stack
javascripttypescript
Domain
frontendapi
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
None
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70