Color Picker UI integrates the Coloris library into Voxel’s native color input fields, replacing the default browser color picker with a modern, user-friendly interface.

It automatically detects Voxel’s color fields (.ts-color-picker) and enables Coloris without requiring template modifications. The native browser color picker is disabled, ensuring only the Coloris popup is used. A set of predefined colors (swatches) is included, which can be easily customized by editing the script.It is optimized to load only on specified pages, improving performance on the rest of the site. With this setup, users can enjoy a clean and customizable color picker perfectly adapted to Voxel’s front-end forms.