Theme tokens

Digital Design Nizam uses stock Tailwind color as well as a custom color set called ‘Nizam Green’.

These color are applied semantically under the Theme tokens ccollection. It is recommended that you use these tokens to get started. This will also make sure that your designs support easy dark mode swithcing and complies with WCAG 2.1 AA contrast standards.

Foreground for text and icon
Background for pages and screens
Surface for highlights and cards
Muted for supportive text or disabled
Primary and Secondary to represent the main actions
Success, Danger and Warning for alerts and notifications
Primary Accent and Secondary Accent for highlights and accents