Skip to content

moegi-design/vscode-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Theme Preview Description
Moegi Dark Moegi Dark Online Preview A pure dark theme.
Moegi Black Moegi Black Online Preview A pure dark theme but more black.
Moegi Space Moegi Space Online Preview A cooler dark theme.
Moegi Dark Vitesse Moegi Dark Vitesse Online Preview Vitesse stylized dark theme
Moegi Black Zen Moegi Black Zen Online Preview A pure dark theme with limited highlighting.
Moegi Light Moegi Light Online Preview A pure light theme.
Moegi Dawn Moegi Dawn Online Preview Light theme with yellow tones.
Moegi Iris Online Preview Light theme with purple tones.
Moegi Light Vitesse Moegi Light Vitesse Online Preview Vitesse 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