Colors, fonts, and style kits - Verba

Everything about how the site looks, as opposed to how it's laid out, lives in one Customizer panel: AppearanceCustomizeVerba ThemeTheme 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 eight kits: Geometric, Sepia, Minimal, Studio, News, Terminal, Blush, and Cobalt. Each card shows a preview. The Default card is the theme's own look, and choosing it puts every kit value back to the theme defaults.

Your container widths and corner radii live on the Layout tab, which kits leave alone. See Site layout. The same General tab also holds the Background Pattern and an Opacity group, four steps from faint to strong used for dividers, muted text, and meta lines.

#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 (in the dark group each label ends in "(Dark)"):

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. Taking a whole brand palette across the site in order is walked through in Matching the theme to your brand.

#Rounding and spacing

The Layout tab also holds the corner radius scale (Radius: 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, choose the Default card to return to the theme's own look, apply another kit, or set the values again by hand.

Last updated 1 Oct 2026