Table of Contents

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

Features

Interface

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

Colors

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

Customization

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.

Installing

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.

Usage

Refer to usage documentation here.

Get Involved

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!