🪴 Tending to a new CSS garden

Pagecord has some basic theming in the form of font, colour scheme and page width, but if you want something more bespoke it means diving into the world of custom CSS. This is wonderful if you're technically-minded or curious to learn CSS, but for a lot of people it's too much effort.

To make this effortless I've been busy landscaping the Pagecord CSS garden. There's now a ready-made collection of fancy themes that you can preview and apply to your blog in one-click!

Under the hood a theme is just custom CSS, so you can apply one of these new themes then tweak the CSS to make it your own.

What's in the garden?

To start with I've planted eight themes:

Novella

A literary, editorial theme with a centred masthead, Newsreader serif font, and drop caps on the first letter of each post. The default colours are forest green and gold. Like something you might find on a well-loved bookshelf.

Broadside

A bold and poster-like theme, modern with a retro feel. The font is Space Grotesk, and it features an oversized title and a striking aubergine / red colour scheme.

Cardashian

A modern card-based gallery using the Outfit typeface, vivid violet accents, and pill-shaped nav links.

Folly

A Serif theme with a floral ornament divider and warm pink accents – elegant and personal.

Hestia

A warm and cosy minimalist theme. Stone tones, dusty rose, posts presented in a stream layout.

Archibald

A geeked-out monospace theme with accent-underlined links in the titles layout.

Minimal Mono

A super-minimal 12px monospace journal, stripped back to basics and keeping Markdown-like headings.

Mozake

A stripped-back, plain HTML theme, circa 1993. Times New Roman, browser defaults, no frills. It's a vibe.

Previewing and applying a theme

To see the themes, simply visit the Theme Garden page in your account. You can preview any theme against your own blog to get a sense of how it would look (note: this only previews the index page). Then, if you like what you see, you can click Apply and you're all set.

I'm just planting the seeds. You can help too!

This initial CSS garden is just the beginning. I plan to add new themes in the future as I think of new ideas (old ones might be dug out to make space as time goes on).

If you've built a delightful theme using custom CSS for your Pagecord that you'd like to see included, drop me a line and I'll consider planting it in the garden 🌱