Colors of background

You can easily add color of background on your site. You can choose a color from the color palette or add your own.

Step-by-Step

To add the color of background of your site, just add an adequate internal tag in 'Post settings' panel to the published post – this is a global setting that applies to all pages in your site.
For example, add an internal tag #site-ruby (tags which are prefixed by a # character, are internal tags within Ghost).
Click 'Update', to activate.

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

Available light colors

Light colors means that the texts on the site will be black.

Pearl

#site-pearl

Parchment

#site-parchment

Celeste

#site-celeste

Arctic

#site-arctic

Lilac

#site-lilac

Pink

#site-pink

Sand

#site-sand

Canary

#site-canary

Avocado

#site-avocado

Jade

#site-jade

Available dark colors

Dark colors means that the texts on the site will be white.

Rose

#site-rose

Ruby

#site-ruby

Burgundy

#site-burgundy

Magenta

#site-magenta

Eggplant

#site-eggplant

Neon

#site-neon

Ultramarine

#site-ultramarine

Sapphire

#site-sapphire

Grass

#site-grass

Emerald

#site-emerald

Tip: How to add your own color?

To add your own color, go the 'Code injection' settings in the Ghost Admin and paste this code to the 'Site header':

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

The code for light color with black texts on the site.

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

The code for dark color with white texts on the site.

Change the value of the #333 parameter to your own color.
Click 'Save'.
Go to the 'Post settings' panel and add an internal tag #site-custom-light-color or #site-custom-dark-color to one of the published posts.
Click 'Update', to activate.

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