https://github.com/monaco-editor-trials/textmate-theme-loading-example

Custom textmate theme loading example in monaco editor
https://github.com/monaco-editor-trials/textmate-theme-loading-example

level-2 monaco monaco-editor textmate-theme vscode-theme

Last synced: over 1 year ago
JSON representation

Custom textmate theme loading example in monaco editor

• Host: GitHub
• URL: https://github.com/monaco-editor-trials/textmate-theme-loading-example
• Owner: monaco-editor-trials
• Created: 2024-06-09T23:25:22.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-14T22:16:20.000Z (over 1 year ago)
• Last Synced: 2025-01-04T07:57:55.570Z (over 1 year ago)
• Topics: level-2, monaco, monaco-editor, textmate-theme, vscode-theme
• Language: TypeScript
• Homepage: https://stackblitz.com/~/github.com/monaco-editor-trials/monaco-editor-textmate-theme-loading-example
• Size: 120 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# monaco editor textmate theme loading example

## [⚡️ Play on Stackblitz](https://stackblitz.com/~/github.com/relliv/monaco-editor-textmate-theme-loading-example)

## 🌟 Preview

![Preview](./preview.png)

## 📚 References

- [DBML TextMate Schema Source](https://github.com/duynvu/DBML-Highlighter)

- [Collection of TextMate Grammars](https://github.com/shikijs/textmate-grammars-themes)

## 🌈 Import vscodethemes.com Themes

You can export https://vscodethemes.com/ themes and import into monaco editor. Just select any theme and open in web environment. Then press `F1` and run this command `@command:workbench.action.generateColorTheme`. VS Code exports current theme profile. And you can use this theme in this project.