Themes

Marathon-style, baby!

Customise your site's look

Marque supports multiple themes and layouts.

Themes are stored as .css files in the themes/ directory of your Marque project, and you can have as many as you like. This page uses the mida.css theme to showcase what's possible.

Create your own theme

The main theme used on your site is defined in the marque.toml file with the theme = "..." key. You can change this to any theme you like, and Marque will use it when you run marque serve or marque build. To override a theme on a per-page basis (like this page), add theme = "name" to the page's frontmatter, and Marque will use that theme instead of the default one.

Quick flow

Create theme file: add themes/<my-theme.css>.

Paste baseline variables and base styles.

Activate theme in marque.toml: theme = "my-theme".

Run marque serve . or marque build ..

If themes/my-theme.css exists, Marque uses it.

Official themes

"Yes I'm French, how did you guess?"

comté.css `(default)`

Comté is the default theme for Marque. Clean, readable, and responsive, with no holes in its design.

Comté Theme

rustique.css

Rustique is a modern, warm theme for Marque, based on Rust. (Rustique is a French brand of Camembert)

Rustique Theme

pycorino.css

Pycorino is a playful light theme inspired by Python. (Python + Pecorino = Pycorino ??? It's 4am when I'm writing this)

Pycorino Theme

javarti.css

Javarti is a classic light theme for Marque, influenced by Java. Like Havarti, it's old enough but ages well.

Javarti Theme

gouda.css

Gouda is a cool, simple dark theme for Marque, based on Go. Gouda is a simple, pleasant cheese anyone can enjoy.

Gouda Theme

elmental.css

Elmental is a bright, paper-like theme for Marque, inspired by Elm. Emmental (not Gruyère!) has holes in it, Elm doesn't.

Mida Theme

I'm hungry now.