Color scheme

The Caards theme includes multiple color scheme options so you can choose the look that best fits your site.

Follow the steps below to access the color scheme setting:

1

Access Ghost Admin

• Log in to your Ghost Admin at yoursite.com/ghost

2

Navigate to Design Settings

• Go to Settings > Site > Design & branding yoursite.com/ghost/#/settings/design

• Click the "Customize" button to open the theme editor.

3

Open Theme Settings

• Locate the Color scheme under the Site wide settings.

Available Options

• Light (default)

• Beige

• Green

• Blue

• Orange

• Red

• Wood

• Dark

Dark Mode

Dark mode support is available for all color schemes except Dark.

• A dark-mode switch appears in the header (navigation bar), letting visitors toggle between light and dark modes manually.

• When the Dark color scheme is selected, dark mode is always active and the switch is hidden.

• The theme remembers each visitor’s choice in local storage so their preference is saved for future visits.

You can disable the dark mode entirely in the Ghost Admin: Settings > Site > Design & branding > Customize > Theme > Site wide > Enable dark mode. Turning this off removes the switch from the header and disables automatic dark mode.

Automatic Dark Mode

If a visitor hasn’t used the dark-mode switch, Caards will follow the device or browser’s system appearance setting (light or dark). Once a visitor toggles manually, that choice overrides the system preference.