> ## Documentation Index > Fetch the complete documentation index at: https://docs.userpilot.com/llms.txt > Use this file to discover all available pages before exploring further. # Style Checklist Widget > Customize your checklist's widget to fit your app or make it stand out. Userpilot offers a wide range of customizations, including Custom CSS, to give you more flexibility. ## Style Widget To pick out a Theme for your Checklist, go to [Style](https://run.userpilot.io/checklists/14/widget). You can pick out either a **Light** or **Dark** Theme. You also have the option to create your own theme. The Widget gives you the option to add an icon to your checklist, or upload your own. Image Next, it's time to set up your Box & Border, in addition to picking out Text Font and Color. You can even [add your own font](https://docs.userpilot.com/in-app-engagement/flows/getting-started/themes#customizing-your-font). Image And finally, the **Minimize Button**, which is an optional feature, but if you do activate it, it gives you the option of either minimizing or closing your Checklist. In addition to a **Dismiss Content** option, and controlling the working of your Checklist **Completion** message. Image ## Checklist Custom CSS You can customize the Checklist using Custom CSS from the [Theme](https://run.userpilot.io/themes) section. **For example:** * You can change the color of a task's title and description once it's completed. * You can update the Checklist beacon's color to reflect when all tasks are completed. * You can also customize the height and width of the beacon/widget and add some padding to the text/progress bar as per your preferences. [For any questions or concerns please reach out to **support@userpilot.com**](mailto:support@userpilot.com)