https://github.com/ryanraposo/codeui

Customize your color theme for VS Code.
https://github.com/ryanraposo/codeui

color color-theme customize extension theme vscode

Last synced: 2 months ago
JSON representation

Customize your color theme for VS Code.

• Host: GitHub
• URL: https://github.com/ryanraposo/codeui
• Owner: ryanraposo
• License: mit
• Created: 2019-06-08T01:32:21.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-01-16T05:11:45.000Z (12 months ago)
• Last Synced: 2024-08-01T19:54:29.604Z (5 months ago)
• Topics: color, color-theme, customize, extension, theme, vscode
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=ryanraposo.codeui
• Size: 31.9 MB
• Stars: 141
• Watchers: 1
• Forks: 2
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

• my-awesome-list - codeui

README

        





  

  








  Customize your color theme for VS Code.

  [![LoveIt;ShipIt](https://gitlab.com/ryanraposo/LoveItShipIt/-/raw/master/sticker/loveitshipit.svg)](http://github.com/ryanraposo/LoveItShipIt)

  ![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/ryanraposo.codeui)

  ![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/ryanraposo.codeui)

  ![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)

  



# Table of Contents

- [Table of Contents](#table-of-contents)

- [Features](#features)

  - [Interface](#interface)

  - [Colors](#colors)

  - [Customization](#customization)

- [Installing](#installing)

- [Usage](#usage)

- [Get Involved](#get-involved)

  

# Features

## Interface

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

![Screenshot](./resources/readme/picker-dual.png)

## 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](https://github.com/ryanraposo/codeui/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. ](./USAGE.md)

# 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](https://github.com/ryanraposo/codeui).

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!