Color Themes for Bulma

For my design, and for your design.

Multiple Themes

Choose from a curated collection of color themes, each with its own personality and palette to match your design vision.

Extended Color Palette

Every theme adds a secondary color on top of Bulma's standard palette, unlocking .is-secondary modifiers across all components.

Drop-in Replacement

Switch themes by swapping a single <link> tag. No build step, no configuration, no JavaScript required.

Dark Mode Ready

All themes ship with a [data-theme="dark"] variant that activates instantly via the color-scheme picker.

Quickstart

Replace your Bulma <link> with the one below to apply the default theme:

<link rel="stylesheet" href="https://bulma-themes.attakei.dev/dist/default/theme.min.css">

To use a different theme, replace default with any theme slug from the gallery below — for example, pulse or cosmo.