Site background colors

Use Renge’s site background tags to change the color palette of the whole publication. The theme reads internal tags from published posts, adds matching global classes, and applies either a light or dark site color set.

1. Open any published post and add a site color internal tag in the 'Post settings' panel. This global setting applies to the whole site.
2. For example, add the internal tag #site-ruby to apply the Ruby site background. Tags prefixed with # are internal tags in Ghost.
3. Click 'Update' to activate.

The tag slug should be hash-site-colorname, for example hash-site-ruby

Light colors use black text across the site.

Dark colors use white text across the site.

1. Go to the 'Code injection' settings in the Ghost Admin and paste this code into 'Site header':

<style>
.global-hash-site-custom-light-color {
   --color-site-light: #333
}
</style>

<style>
.global-hash-site-custom-dark-color {
   --color-site-dark: #333
}
</style>

1. Change #333 to your custom color.
2. Click 'Save'.
3. Open any published post and add the internal tag #site-custom-light-color or #site-custom-dark-color in the 'Post settings' panel.
4. Click 'Update' to activate.

The tag slug should be hash-site-custom-light-color or hash-site-custom-dark-color