Theme Editor

Colors

Background

Main Background

Secondary Background

Text Color

Secondary Text Color

Link Color

Secondary Color

Secondary Accent Color

Typography

Bunny Fonts Import Format: font-name:weights (comma-separated for multiple fonts)

Heading Font

Body Font

Line Height

Layout

Border Radius

Border Width

Border Style

Border Color

Border Computed from the settings above

Box Shadow

Content Width

Card Width

Medium Card Width

Wide Card Width

Effects

Active Brightness

Hover Brightness

Generated Theme

Use this tool to customize the theme of your website. Adjust the colors and values in the form above to see live changes. When you're satisfied with your changes, download the theme file using the button below the text area.

Right Column

Phone: 0161 123 4567
Email: hello@example.com
Facebook: @MyPage