# New UI Colors

## Install
Install New UI Colors from your terminal via npm.

```
npm i -D @new-ui/colors
```

To get started quickly, you can use the CDN files.
 
```html
<!-- Place this at the html head -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@latest/dist/index.css">
```

## Usage

```scss
// Place this at the top of your SCSS/CSS file
@use "@new-ui/colors";  // Use `@import` for CSS
```

```html
<!-- Add this attribute to html wrapper -->
<html data-new-ui-theme="light">
```

### Available themes
- light
- light--warm
- light--cold
- dark
- dark--warm
- dark--cold

## Guides
- [Read our colors guide](https://new-ui.com/docs/foundations/colors)
