This article explains how to review and apply visual themes for your guides. Themes control the colors, fonts, and overall styling of your guides to ensure they match your application's branding.

How Novus generates your theme

During the setup workflow, Novus automatically scans your codebase to understand your design system. Novus searches your files for styling tokens and extracts your exact colors, typography, button styles, and container properties. Novus uses this information to build a complete theme on your behalf, so your guides look native to your application from the start.

Review your generated theme

You can review the styling details Novus detected during the setup workflow.

• Check the theme name and the confidence level. Novus displays a high confidence badge if it finds a clear design system, a medium confidence badge for partial design tokens, or a low confidence badge if it needs to use inferred values.
• Check the source file and any additional notes Novus provides regarding how the theme was extracted.
• Review the Colors section to see your detected primary, background, text, and supporting colors.
• Review the Typography section to verify your font family and text sizes.
• Review the Buttons and Container sections for a visual preview of how your guide elements will display to your visitors.

Apply a theme to a guide

You can select your generated theme when creating a new guide.

1. Go to Guides and select Create Guide.
2. Complete the initial steps to choose your guide type, configure your message, select your target pages, and choose your audience segment.
3. Review the available theme options on the theme step. Novus automatically selects the default theme it generated for you.
4. Select your preferred theme.
5. Select Next to preview your guide and complete the creation process.