--- path: components/colorpicker/code title: Styles position: 3 seo_title: Configuring the Appearance of the ColorPicker Component seo_description: Gain full control over the appearance of the Telerik and Kendo UI ColorPicker component by utilizing the Sass variables that configure its styling. --- ## Sass Variables The Telerik and Kendo UI ColorPicker is a composite UI component that consists of Picker, FlatColorPicker, and a Popup component. To configure and customize the appearance of the ColorPicker, modify the [Picker](#picker-variables) and [FlatColorPicker](/components/flatcolorpicker/styles/) Sass variables, as well as the Sass variables provided by the [Popup](/components/popup/styles/) component. ### Picker Variables