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 Video

Directory

Directory

Video Components

Choose from three optimized video components to embed media in your Astro website:

Available Components

Native Video

Built-in video player with support for local video files:

Standard player and background video modes
Lazy loading and performance optimizations
Customizable controls and styling
Perfect for self-hosted videos

YouTube

Optimized YouTube video embedding:

Smart resource loading
Custom thumbnail support
Popular video platform

Vimeo

Professional Vimeo video integration:

Performance-first loading
Custom player parameters
SEO-friendly implementation
Great for premium video content

Quick Comparison

Feature	Native	YouTube	Vimeo
Custom Thumbnails	✓	✓	✓
Lazy Loading	✓	✓	✓
Structured Data	✓	✓	✓
Background Mode	✓	✗	✗
Self-hosted	✓	✗	✗
Platform Features	✗	✓	✓

Limited Time Launch Sale

Start embedding videos with our optimized components. Get the AstroJS starter template now and choose the perfect video solution for your needs.

Toast Native Video

On This Page

Video Components
Available Components
Quick Comparison

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