Home

Awesome

Moegi Theme for VSCode

marketplace marketplace Preview in vscode.dev

Moegi Dark

Font: IBM Plex Mono

Features

Themes

ThemePreviewDescription
Moegi DarkMoegi Dark Online PreviewA pure dark theme.
Moegi BlackMoegi Black Online PreviewA pure dark theme but more black.
Moegi SpaceMoegi Space Online PreviewA cooler dark theme.
Moegi Dark VitesseMoegi Dark Vitesse Online PreviewVitesse stylized dark theme
Moegi Black ZenMoegi Black Zen Online PreviewA pure dark theme with limited highlighting.
Moegi LightMoegi Light Online PreviewA pure light theme.
Moegi DawnMoegi Dawn Online PreviewLight theme with yellow tones.
Moegi IrisOnline PreviewLight theme with purple tones.
Moegi Light VitesseMoegi Light Vitesse Online PreviewVitesse stylized light theme

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

See More

License

MIT