*Limited Launch Offer!Use code for 50% off (expires 12/31/2025)

Theme Preview

Explore all available themes for your service business platform

Select Theme

Choose a theme to see how it affects your application's appearance

Color Palette - Blue

Modern theme, clean styling

Main Colors

Primary

hsl(221.2 83.2% 53.3%)

Secondary

hsl(210 40% 96.1%)

Semantic Colors

Success

hsl(160 60% 45%)

Warning

hsl(30 80% 55%)

Error

hsl(0 84.2% 60.2%)

Info

hsl(220 70% 50%)

Component Examples

See how UI components look in this theme

Buttons

Status Badges

CompletedPendingInfoFailed

Content Card

Service Estimate

Professional service quote

Your estimate has been prepared and is ready for review. This includes all materials and labor costs.

Tips

Keep it simple. Pick a color that matches your brand, customize as needed in style/themes.css. Single, prominent primary colors help increase conversion rates. Status colors and semantic colors are typically found within dashboard UI.

How to Use This Theme

Changing and apply the Blue theme is easy. Update your config/business.ts file's branding section with the theme name:

buisnessConfig: ...
branding: ...
theme: 'blue' ...

After updating your config variable, refresh your development server (or rebuild your deployment) to see the changes.