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

A Currated Guide To Web Development Step By Step

Take your project from idea to polished product with our in depth articles

Using our starter kit:

Read the README.md file
Install nodeJS
Create a logo
Create a favicon
Create .env file
If you run into this error:
```
1
"Cannot find module '../lightningcss.win32-x64-msvc.node'
```
You need to install the Microsoft Visual C++ Redistributable for Visual Studio. Here's the link: Microsoft Visual C++ Redistributable for Visual Studio
Run the project: npm run dev
Navigate to http://localhost:4321/

NPM Packages coming out of a factory conveyor belt

Optimize Cloudflare Pages NPM Builds

Speed up your Cloudflare Pages deployments by installing only production dependencies

Apr 14, 2025

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