Skip to main content

Light vs dark theme

Marie Xhauflair avatar
Written by Marie Xhauflair
Updated today

There are a few places in the platform where you can choose to use either light or dark theme. Dark theme means that texts will show in the light font colour instead of dark. You can combine light theme with a light background colour, or dark theme with a dark background colour.


Application

Adjust the theme for the application. This changes the theme for login screens, intro, intake, navigation and mobile header. Make sure the platform logo is white (or light) if you pick dark theme.

Update the background colour if you want the background to be a different colour than white (in light theme) or the platform's primary colour (in dark theme).

Examples of places the application theme will show (dark theme with adjusted colour):

  • Navigation bar

  • Intro

  • Login screen


Learning templates

Adjust the theme for learning templates. This changes the theme for the swipe, accordion and perspective templates of a learning bite.

Update the background colour if you want the background to be a different colour than white (in light theme) or the platform's primary colour (in dark theme).

Examples of where this theme will apply:

  • Perspective template

  • Swipe cards

  • Accordion blocks


Discovery stream

Adjust the theme for the discovery stream.

Update the background colour if you want the background to be a different colour than white (in light theme) or the platform's primary colour (in dark theme).

Examples of where this theme applies:

  • Discovery stream homepage (tiles & banner)


Guiding pages

Adjust the theme for guiding pages. This changes the theme for to do, notifications, FAQ and platform feedback.

Update the background colour if you want the background to be a different colour than white (in light theme) or the platform's primary colour (in dark theme).

Examples of where this theme applies:

  • To do

  • Notifications

  • Feedback

  • FAQ


Activities, journeys and spotlighted activities

You can customise your activity tiles, journey tiles and spotlighted widgets.

Spotlighted activity

The spotlighted activity in the discovery stream has a white background by default, with dark or highlighted texts.

Update the background colour if you want the background to be a different colour than white (in light theme) or the platform's primary colour (in dark theme).

Activity tiles

The activity tiles have a white background by default, with dark or highlighted texts.

Update the background colour to override the default.

Examples of where this theme applies:

  • On the discovery stream

  • Within a journey

Journey tiles

Adjust the size of the journey title and subtitle. By default, the journey title is larger than the subtitle. You can invert this if desired.

Examples:

  • Small title + large subtitle

  • Large title + small subtitle

Navigation items

You can edit the icons and the order of the navigation items.

Did this answer your question?