Skip to main content Skip to navigation Skip to search


Clarity offers two default themes — light and dark. These themes can be used without modification to optimize user experience or they can be used as a guideline for creating custom themes in Clarity.

Light Theme

Light theme is Clarity’s default. It is best suited to content-rich applications where users will be working with the application in well-lit conditions for brief periods of time throughout the day. Light theme can help prevent eye strain in applications where a user is expected to read a large amount of content — like documentation or a blog.

Dark Theme

Dark theme is best suited for applications that are content-sparse, yet highly interactive. A dark theme can help with eye strain if a user works with an application over a long span of time but in a way that requires focus but not a great amount of reading.