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. Marque now applies a shared common.css fallback automatically, so your theme can focus on tokens and distinctive overrides instead of rebuilding every component from scratch. This page uses the bundled legacy/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
Run marque theme new my-theme.
Set your tokens and add whatever overrides make the theme feel distinct.
Activate theme in marque.toml: theme = my-theme.
Run marque serve . or marque build ..
Bundled themes
"Yes I'm French, how did you guess?"
The current bundled themes all inherit common.css, but each one now pushes a different personality: editorial, flat handbook, utilitarian terminal, playful notebook, luxe dark, and industrial print.
comte.css (default)
Comté is the default Marque theme: warm editorial paper, soft serif headlines, and polished documentation chrome without a lot of noise.
gouda.css
Gouda is the compact terminal handbook theme: cool teal chrome, restrained typography, and dark surfaces that feel closer to a tool than a magazine.
pycorino.css
Pycorino is a bright notebook theme with friendly rounded surfaces, sunny highlights, and a playful Python-ish blue and yellow palette.
rubyola.css (default dark)
Rubyola is the default dark theme: ruby-red accents and warm gold typography inspired by Ruby without drifting into generic dark-mode styling.
elmental.css
Elmental is the flat handbook theme inspired by Elm: crisp blue signage, monospaced labels, hard edges, and offset shadows instead of soft cards.
rustique.css
Rustique is the industrial field-guide theme: slab headings, dark workshop chrome, and copper accents that feel heavier and more mechanical than Comté.
I'm hungry now.