Sign up (with export icon)

Changing UI colors

Show the table of contents

In the simplest case, you might want to change the color palette of CKBox. This can be achieved with a couple of CSS variables. To read more about the available UI customization options, please refer to the Theming guide.




.ckbox {
	--ckbox-action-h: 214;
	--ckbox-action-s: 100%;
}

Adding the above CSS snippet to your application will configure CKBox to use UI colors you have configured using sliders.


Note

Need more functionality? Take a survey and help us develop CKBox to suit your needs better!