Colors, fonts, and style kits

Everything about how the site looks, as opposed to how it's laid out, lives in one Customizer panel: AppearanceCustomizeTheme Styles. Start from a style kit, then change what you need.

#Start from a style kit

A style kit sets the whole look in one click: fonts, the type scale, headings, buttons, labels, forms, and both color schemes. Find the kits on the General tab, under Style Kit.

Verba ships a default look and eight kits: Geometric, Sepia, Minimal, Studio, News, Terminal, Blush, and Cobalt. Each card shows a preview, and the Current card shows what you have now.

Your container widths and corner radii live on the Layout tab, which kits leave alone. See Site layout.

#Fonts and type

The Typography tab holds four groups:

Fonts

Heading Font for titles and Text Font for body copy. Change both together; a new body font under the old heading font rarely looks planned.

Font Weights

The regular, medium, and bold weights used across the site.

Font Sizes

The type scale every element draws from.

Line Heights

Tight, snug, normal, and relaxed spacing between lines, from display titles to long-form copy.

The Headings tab sets each level, H1 to H6, separately, with its own values for desktop, tablet, and phone. The Buttons, Labels, and Forms tabs set the type used by buttons, by category pills and tag chips, and by input fields.

Which fonts you can choose depends on the font library. See Adding fonts to your site.

#Colors come in pairs

The Color Scheme tab has three groups. Universal holds the white used for text over images. Light Scheme and Dark Mode each hold the same eight colors:

Color	What it paints
Accent	Fills, borders, and active states in your brand color
On Accent	Text and icons on top of the accent
Background	The page
Background Secondary	Cards, inputs, and panels
Border	Separators and outlines
Border on Color Surface	Borders over colored areas and images
Heading	Titles and strong interface states
Body Text	Paragraphs

Dark values apply only while the dark scheme is active. How visitors switch schemes is covered in Set up dark mode.

#Rounding and spacing

The Layout tab also holds the corner radius scale (small, medium, base, large, and pill) and Section Spacing Scale, which tightens or opens up the vertical space between page sections. At 1 the spacing stays as designed.

I changed a color and part of the site ignored it

That element is probably using the other color in its pair. Check whether you're looking at the light or the dark scheme, then change the matching value.

Can I undo a style kit?

Before you press Publish, yes: close the Customizer without publishing and the kit is discarded, like any other unpublished change. After publishing, apply another kit or set the values again by hand.

Last updated 24 Sep 2026