Back to Blog

Themes best practices

Nadav Papay

Jan 2, 2023

·

2 min read

Primary color


For a light theme - it's recommended that the primary color will be dark enough to show up on the background:


Recommended contrast ratio is above 4.5 (test your contrast here)



For a dark theme - it's recommended that the primary color will be light enough to show up on the background:


Recommended contrast ratio is above 4.5 (test your contrast
here)



It's recommended that the primary color will be different enough from the text color (to be able to differentiate between actions and info):




Background color


For a light theme - it's recommended that the page background color will be darker than the containers background color:



For a dark theme - it's recommended that the page background color will be darker than the containers background color:



Background image are recommended to be dark or light enough so text will be able to appear on it: