Skip to main content

Customize Theme

See how our component library will look with your brand colors

Colors

Brand Colors

Primary

Secondary

Tertiary

Semantic Colors

Success

Success (Dark)

Error

Error (Dark)

Warning

Warning (Dark)

Info

Info (Dark)

Destructive

Text Colors

Text Primary

Text Primary (Dark)

Text Secondary

Text Secondary (Dark)

Text Button Primary

Text Disabled

Text Disabled (Dark)

Background Colors

Background

Background (Dark)

Background Nav

Background Nav (Dark)

Background Card

Background Card (Dark)

Background Input

Background Input (Dark)

Border

Border (Dark)

Interactive Elements

Link

Input Border

Input Border (Dark)

Table Colors

Table Background

Table Background (Dark)

Table Required

Table Required (Dark)

Table Stripe

Table Stripe (Dark)

Table Header (Dark)

Table Hover

Table Hover (Dark)

Theme Effects

Element Rounding

Input

Button

Modal

Card

Borders

Required

Thin

Thick

Add Your Logo

Drag and Drop Files Here or Click to Upload

Accepted File Types: png, jpeg

Max File Size: 10MB

Docs Components Charts

Directory

Directory

Chart Components

Available Components

Bar Chart

Multiple Datasets
Customizable colors and labels
Animations
Responsive
Vertical and Horizontal orientation

Limited Time Launch Sale

Start embedding charts with our optimized components. Get the AstroJS starter kit now and choose the perfect chart solution for your needs.

Moving Bar Chart

On This Page

Chart Components
Available Components

FREE STARTER KIT

Get our free starter kit and build your next project.

Navigation

Legal

Subscribe to our newsletter

Get the latest AstroJS tips and tricks right to your inbox

Email: [email protected]

© 2025 North Star Themes

Web Kit Provided By North Star Themes