Mayukai Theme is dark and yellow bluish mirage theme with bright colors for easy readibility syntax. This theme is inspired from mixed color swatch in Ayu Theme, Material Theme, Monokai, Andromeda, and Gruvbox Darktooth Original Colors. These color are adjusted in Mayukai theme so it suitable for all day long programming work.
Install in VS Code/VS Codium
Open Visual Studio Code Market Place in your Visual Studio Code or VS Codium text editor, and search Mayukai. Hit install button, and after finishing install, go to
List of Color Scheme
This Mayukai Theme includes some color scheme for syntax coloring. There are :
This theme is using base color swatch from Ayu, with some adjustment for syntax coloring. Template for this theme is generated using Ayu Color Generator from Ayu Theme. Documentation used for creating this theme in VS Code Theming API.
Thank you for
Thank you to everyone who create these amazing theme in VS Code that inspires Mayukai Theme, feel free to check and try this out.
Issue and Bug Report
We know creating syntax theme that run on every syntax in every programming language is hard, and we know that Mayukai theme is far from perfect. This theme will be updated regulary for coloring adjustment. And if you find any issue or bug in this theme, feel free to make an Issue in this repository.
Preview and Screenshot
Mayukai Mirage HTML Syntax
Mayukai Mirage CSS SCSS Syntax
Mayukai Mirage JSON Syntax
Mayukai Gruvbox Darktooth
VS Code 1.45 and newer versions, bring new feature called Semantic Highlighting. Unfortunately, this feature make VS Code theme and syntax highlighting broken and unusable. You can disable this feature in VS Code Settings.
Put this line in your VS Code settings.json file.
Related Issue :
Or search in your VS Code Settings with "semantic" keyword. And disable or remove checkbox from Editor > Semantic Highlighting: Enabled setting.
Mayukai Theme for Semantic Highlighting VS Code
If you still want use Semantic Highlighting in VS Code 1.45.x and newer versions. You can use Mayukai Theme that specially designed for Semantic Highlighting. Just select Mayukai Semantic Mirage Theme in Color Theme Setting in your VS Code.
Mayukai Terminal Theme also available for Linux System, with .Xresources configuration. This configuration and how to install available in this repository Mayukai Terminal Theme.