elastic / elastic/eui

[EuiCodeBlock] Improve syntax highlighting for `language="esql"`

Open
#9,420 6 comments 0 reactions 0 assignees View on GitHub
design decision request
Dominant language
TypeScript
Stars
6.4k
Forks
911
Avg merge
2d 11h
Merged PRs (30d)
65

Description

**Requestor**

@lucaslopezf

**Problem Statement**

The syntax highlighting for the `esql` language in `EuiCodeBlock` is different from the one in the Monaco editor.

Image

(Monaco editor on the left, `EuiCodeBlock` on the right)

**Proposed Solution**

Improve the styles of the `esql` language in `EuiCodeBlock` to get close to a 1:1 match with the Monaco editor.

**Use Case**

Improve user experience.

**Value / Impact**

The end-user benefits

**Do alternatives or workarounds exist?**

No.

**Additional context (Optional)**

The PR that originated the request: https://github.com/elastic/kibana/pull/254537

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.