Blog/

The official Roon theme for Ghost

The official Roon theme for Ghost

Roon

The Roon theme for Ghost.

Roon

Font Options

This theme comes with two font options; a serif and sans-serif. Switching between them must be done in the HTML, by changing a class on the <body> element in default.hbs.

Sans-Serif - Gibson

The sans-serif is the default, so you don't need to add anything. The <body> element should look like this:

<body class="{{body_class}} {{#is 'index, tag, author'}}user{{/is}} {{#is 'post'}}{{#unless post.image}}noimage{{/unless}}{{/is}}">

Serif - Filo Pro

For the serif font, the <body> element should look like this:

<body class="serif {{body_class}} {{#is 'index, tag, author'}}user{{/is}} {{#is 'post'}}{{#unless post.image}}noimage{{/unless}}{{/is}}">

Colour Options

This theme uses an accent colour for links and the border at the top of pages.

To change this colour, you need to edit [assets/css/screen.css](https://github.com/TryGhost/Roon/blob/master/assets/css/screen.css).

There are only two values you need to change, conveniently located at the very top of the file.

GitHub