Skip to content

Customize Candidus colors

Candidus ships with two default colors and uses Ghost's accent color. All three can be customized under the design section in Ghost's admin panel.

GHOST ACCENT COLOR

Ghost's default color is not automatically changed when you upload the theme.
You must manually change it to #bdc5d4

Customize this feature

You can change the default colors by modifying the varaibles.scss file and run npm run build locally.

Default colors

We ship (and recommend) a combination of the following three colors:

Primary Color: Dark Blue - Hex Code #3f4d63
Secondary Color: Light Orange - Hex Code #f7c59f
Ghost Accent Color: Light Blue - Hex Code #bdc5d4

Considerations when changing colors

The default pallette is optimized to be displayed with Candidus' light and dark theme. If you decide to make changes, we recommend considering the following points:

  • Consider color theory. Use it to give visitors a sense of formality or a warm welcome
  • Check how the colors play together with the theme's font family
  • Have a look at all sites of the theme in light & dark mode