Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>AyuNew to Visual Studio Code? Get it now.
Ayu

Ayu

teabyii

|
3,937,407 installs
| (129) | Free
A simple theme with bright colors and comes in three versions — dark, light and mirage for all day long comfortable work.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ayu

Version Installs

A simple theme with bright colors, available in three variants — dark, light, and mirage. This is the official VS Code port of the Ayu theme.

Features

  • 6 color themes: Light, Mirage, and Dark — each with bordered and unbordered variants
  • File icons: Custom icon theme included
  • Iosevka font: Bundled for a consistent look (as seen in screenshots)

Bordered vs Unbordered: Bordered themes have visible dividers between UI panels. Unbordered themes have a seamless, unified look.

Install

Install from the Marketplace, or run:

ext install teabyii.ayu

Then go to Preferences > Color Theme and select one of the Ayu variants.

To enable file icons: Preferences > File Icon Theme > Ayu.

Screenshots

Light

Light Light Unbordered

Mirage

Mirage Mirage Unbordered

Dark

Dark Dark Unbordered

Development

  1. npm i to install dependencies
  2. npm start to build the theme in watch mode
  3. Press F5 to observe changes in real-time in the debug editor window
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft