Quarto HTML themes gallery

Quarto comes with several HTML themes built in. They are documented, but coming from the Bootswatch project, the existing documentation doesn’t give a good impression of what each theme looks like when used for an article.

Default:
Example page of Quarto HTML theme Default

Cerulean:
Example page of Quarto HTML theme Cerulean

Cosmo:
Example page of Quarto HTML theme Cosmo

Cyborg:
Example page of Quarto HTML theme Cyborg

Darkly:
Example page of Quarto HTML theme Darkly

Flatly:
Example page of Quarto HTML theme Flatly

Journal:
Example page of Quarto HTML theme Journal

Litera:
Example page of Quarto HTML theme Litera

Lumen:
Example page of Quarto HTML theme Lumen

Lux:
Example page of Quarto HTML theme Lux

Materia:
Example page of Quarto HTML theme Materia

Minty:
Example page of Quarto HTML theme Minty

Morph:
Example page of Quarto HTML theme Morph

Pulse:
Example page of Quarto HTML theme Pulse

Quartz:
Example page of Quarto HTML theme Quatz

Sandstone:
Example page of Quarto HTML theme Sandstone

Simplex:
Example page of Quarto HTML theme Simplex

Sketchy:
Example page of Quarto HTML theme Sketchy

Slate:
Example page of Quarto HTML theme Slate

Solar:
Example page of Quarto HTML theme Solar

Spacelab:
Example page of Quarto HTML theme Spacelab

Superhero:
Example page of Quarto HTML theme Superhero

United:
Example page of Quarto HTML theme United

Yeti:
Example page of Quarto HTML theme Yeti

Zephyr:
Example page of Quarto HTML theme Zephyr

Published 7 March 2023 · updated 3 March 2026