--- path: components/flatcolorpicker/code title: Styles position: 3 seo_title: Configuring the Appearance of the FlatColorPicker Component seo_description: Gain full control over the appearance of the Telerik and Kendo UI FlatColorPicker component by utilizing the Sass variables that configure its styling. --- ## Sass Variables The Telerik and Kendo UI FlatColorPicker is a composite UI component that consists of ColorPalette, ColorGradient, and Button elements. To configure and customize its appearance, use not only its dedicated Sass variables but also the [ColorPalette](/components/colorpalette/styles/) and [ColorGradient](/components/colorgradient/styles/) Sass variables, as well as those provided by the [Button](/components/button/styles/) component.