I have searched the existing issues and discussions.
Problem Description
allow customization of the theme of the code editor. it would be nice to use monaco code editor. and use separate theme for code editor rather than the surrounding theme.
Desired Solution you'd like
use monaco editor for code block. and allow importing custom styles.
Alternatives Considered
No response
Additional Context
No response
Originally created by @yekanchi on GitHub (Jun 11, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/14889
### Check Existing Issues
- [x] I have searched the existing issues and discussions.
### Problem Description
allow customization of the theme of the code editor. it would be nice to use monaco code editor. and use separate theme for code editor rather than the surrounding theme.
### Desired Solution you'd like
use monaco editor for code block. and allow importing custom styles.
### Alternatives Considered
_No response_
### Additional Context
_No response_
<!-- gh-comment-id:3299632851 -->
@yekanchi commented on GitHub (Sep 16, 2025):
> Related - [#17396](https://github.com/open-webui/open-webui/pull/17396)
would this replace codemirror with monaco editor?
<!-- gh-comment-id:3308413708 -->
@silentoplayz commented on GitHub (Sep 18, 2025):
> > Related - [#17396](https://github.com/open-webui/open-webui/pull/17396)
>
> would this replace codemirror with monaco editor?
No it would not, but it does allow for [CodeMirror themes](https://www.npmjs.com/package/@uiw/codemirror-themes)
(I zoomed out for a full list screenshot)
<img width="567" height="855" alt="Image" src="https://github.com/user-attachments/assets/20af75eb-2e69-4003-bbbc-8f8554c6b190" />
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Originally created by @yekanchi on GitHub (Jun 11, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/14889
Check Existing Issues
Problem Description
allow customization of the theme of the code editor. it would be nice to use monaco code editor. and use separate theme for code editor rather than the surrounding theme.
Desired Solution you'd like
use monaco editor for code block. and allow importing custom styles.
Alternatives Considered
No response
Additional Context
No response
@silentoplayz commented on GitHub (Sep 16, 2025):
Related - https://github.com/open-webui/open-webui/pull/17396
@yekanchi commented on GitHub (Sep 16, 2025):
would this replace codemirror with monaco editor?
@silentoplayz commented on GitHub (Sep 18, 2025):
No it would not, but it does allow for CodeMirror themes
(I zoomed out for a full list screenshot)
