Moegi Theme for VSCode

👁 marketplace
👁 marketplace
👁 Preview in vscode.dev

👁 Moegi Dark

Font: IBM Plex Mono

Features

• Two accent colors in one theme - unsaturated cold green (#66b395) and... light warm red (#ff8787)
• No flat ui - you work in a real editor instead of on a whiteboard
• MacOS native title bar adaptation - pure gray ui without color bias
• Optimized for text selection and search

Themes

Installation

1. Open Extensions sidebar panel in Visual Studio Code.
2. Search for Moegi Theme.
3. Click Install to install it.

Customization

You can customize the theme by adding snippets to settings.json (Command Palette -> Preferences: Open Settings (JSON))

For more information, please refer to Theme Color Reference

Enable Italics on Comments

"editor.tokenColorCustomizations": {
 "[Moegi Dark][Moegi Black][Moegi Light]": {
 "textMateRules": [
 {
 "name": "Comment Italics",
 "scope": [
 "comment",
 "punctuation.definition.comment"
 ],
 "settings": {
 "fontStyle": "italic"
 }
 }
 ]
 }
}

Enable Bold on Keywords

"editor.tokenColorCustomizations": {
 "[Moegi Dark][Moegi Black][Moegi Light]": {
 "textMateRules": [
 {
 "name": "Keyword Bold",
 "scope": [
 "keyword",
 "storage.type",
 "storage.modifier",
 ],
 "settings": {
 "fontStyle": "bold" // If you want to enable italics as well, use "bold italic"
 }
 }
 ]
 }
}

Credits

• Language examples are from atom/language-examples.

See More

• Moegi Theme for Jetbrains

License

MIT