Color scheme

The Sense 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

• Pastel

• Dark

• Light / Dark (default)

• Pastel / Dark

Dark Mode

Dark mode support is available in different ways depending on the selected color scheme:

• When using Light / Dark or Pastel / Dark, a dark mode switch is shown in the footer, next to the social icons. Visitors can toggle between light and dark modes manually.

• When using the Dark option, dark mode is always active, and the switch is not shown.

• The Light and Pastel options display the site in light mode only, with no toggle.

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

Automatic Dark Mode

Automatic dark mode is supported only with the Light / Dark and Pastel / Dark options.

If the visitor hasn’t used the dark mode switch, the theme will follow the system appearance setting (light or dark) from their device or browser.

Once a user manually selects a mode using the switch, their system setting will be ignored in favor of their saved preference.