• Table of Contents
• Features
  • Interface
  • Colors
  • Customization
• Installing
• Usage
• Get Involved

Browse the elements of VS Code's interface and adjust your color settings in realtime.

Screenshot

Use the built-in color picker, enter custom values, or choose from over 2k preset colors. Store your favorites via codeui.favoriteColors.

Customize colors by theme and workspace. Darken, lighten, copy & paste values across items. Use Standard or Palette view to sort by element groups, or target specific colors wherever they appear.

Note: by default, customizations are applied to all workspaces and target the current theme.

The recommended method for installing CodeUI is via the Extension Marketplace, accessed from within Visual Studio Code.

Alternatively, you can download the VSIX from releases and install using the terminal with command:

code --install-extension codeui-1.1.0.vsix

Note: it may be necessary to reload vscode if installing via the terminal.

Refer to usage documentation here.

Help make CodeUI the standard theming tool for vscode! Whether it's new features, optimizations, documentation or bug reports - we appreciate your help. You can join the project on Github.

Customizing the UI is a huge part of vscode's charm. Your feedback and contributions will make it as fun & accessible as possible.

Thank you for supporting CodeUI!