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

AstroJS

AstroJS is a static site generator for the web. Learn how to use AstroJS to create a static site.

Environment Variables with Cloudflare illustration showing code editor with type hints

Environment Variables with AstroJS and Cloudflare

Apr 23, 2025

Learn how to use environment variables with AstroJS and Cloudflare Pages.

Typesafe Data Attributes illustration showing code editor with type hints

Typesafe Data Attributes In Astro

Apr 14, 2025

Implement powerful type-safe data attributes in your Astro projects with this step-by-step solution.

Read all articles

Navigation

Legal

Subscribe to our newsletter

Get the latest AstroJS tips and tricks right to your inbox

Email: [email protected]

Web Kit Provided By North Star Themes