> For the complete documentation index, see [llms.txt](https://docs.tomatophp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tomatophp.com/tomato-admin/inputs/color-switcher.md).

# Color Switcher

<figure><img src="https://117397612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSlG6RrSDmGrQX2xjM6AT%2Fuploads%2FdLCTcxsRJliNT5Y9h5EO%2Fimage.png?alt=media&amp;token=c8e5e3f1-ab04-4a82-bc31-647ceeb6765f" alt=""><figcaption></figcaption></figure>

you can use a color switcher selector by using this component

```html
<x-tomato-admin-color 
    id="theme_color" 
    name="theme_color" 
    label="Theme Color" 
    required
/>
```

this component used [vue3-swatches](https://www.npmjs.com/package/vue3-swatches)