Aofuji Light Theme

A minimal light theme extended from Aofuji.

Preview

Usage

Install directly in Aofuji Light Theme - VS Marketplace.

Or from Open VSX Registry.

Or use:

ext install dsrkafuu.vscode-theme-aofuji

The theme is recommended to be used with icons from Material Icon Theme.

Recommended Font

The theme is designed to pair well with Microsoft's Cascadia Code font family. A font weight of 500 is recommended for balanced readability on the light background:

{
  "editor.fontFamily": "'Cascadia Code', 'Cascadia Mono', Consolas, monospace",
  "editor.fontWeight": "500"
}

Bracket Pair Colorization

The theme supports bracket pair colorization and bracket pair guides with colors aligned to its syntax palette. They can be enabled with:

{
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.guides.highlightActiveBracketPair": true
}

If you prefer brackets without level-based colors, disable the feature in your VS Code or Cursor settings:

{
  "editor.bracketPairColorization.enabled": false,
  "editor.guides.bracketPairs": false
}

Theme Status

The theme is still in beta testing, so the color adjustment of some modules may have imperfections; syntax highlighting has been tested in HTML, JavaScript, CSS and Markdown files, if you encounter problems in other languages, please raise an issue.

If you have suggestions on how to improve the theme, please also raise an issue or add a pull request.

Development

Clone the repository, install dependencies and start the development watcher:

git clone https://github.com/dsrkafuu/vscode-theme-aofuji.git
cd vscode-theme-aofuji
bun install
bun run dev

Then open the folder with VSCode:

• Press F5 to open a new window with theme loaded
• Open File > Preferences > Color Themes and pick color themes

When opening a file that has a language associated. The languages' configured grammar will tokenize the text and assign 'scopes' to the tokens. To examine these scopes, invoke the Inspect Editor Tokens and Scopes command from the Command Palette.

Open VSX Registry:

npx ovsx publish <file> -p <token>

Before submitting changes, run the lint, format, and theme build checks:

bun run check

License

The theme is released under the Mozilla Public License 2.0, for more information read the LICENSE.