> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tsdraw.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Styles

> Colors, sizes, dashes, and fills

Shapes have four style axes: **color**, **size**, **dash**, and **fill**.

## Color

Use palette keys or any CSS color:
`black`, `grey`, `blue`, `orange`, `green`, `red`, `white`, etc.

```tsx theme={null}
editor.setDrawStyle({ color: '#ff00ff' })
```

## Size

| Key  | Width |
| ---- | ----- |
| `s`  | 2px   |
| `m`  | 3.5px |
| `l`  | 5px   |
| `xl` | 10px  |

## Dash

`draw` (freehand), `solid`, `dashed`, `dotted`.

## Fill

`none`, `semi` (translucent), `solid`, `blank` (hit-test only).

## Usage

```tsx theme={null}
editor.setDrawStyle({
  color: 'blue',
  size: 'l',
  dash: 'solid',
})
```