Light mode, dark mode and other platform branding options

How to customize the appearance of your event platform.

Author photo   Geri G
  Last updated February 17 2022

It is often important for an event platform to match the branding expectations for a specific company, product or mood. Canapii offers a host of options that you can use to curate and polish the look and feel of your event to wow your attendees.

Light vs dark mode

The first question you may want to ask yourself is whether or not your event should have a "light" or "dark" theme. This selection will change the appearance of your event's login page, registration pages, and general platform. 

This option can be found by navigating to your general settings tab beneath step 1 of your event Console sidebar. Next locate the details panel and select edit. Locate the appearance section to toggle your platform from light to dark and see a small preview of the different themes.                  

Theme Toggle:
Organizers will also find a theme toggle within this area. Upon selecting 'enable' it will allow attendees to switch between light & dark mode. If you enable this setting, we suggest that you think about the branding & color scheme because it must be compatible for a light & dark background.


Primary and secondary colors

While still on your event's general settings page, you can scroll down to the branding panel.

Here is where you can select primary and secondary colors by inputting the HEX color code into these fields.

Primary colors are reflecting in your platform's:

  • registration buttons
  • app navigation
  • chat icons
  • and links

Secondary colors are reflecting in your platform's:

  • left-side registration box
  • and secondary buttons

Background image

Scrolling all the way to the bottom of the branding panel will give you a spot to upload a background image for your event. This image will be used as the background of all pages (excluding login, forgot password, and registration pages). We suggest dimensions for this  image to be between 1920x1080 and 2560x1440 pixels in size. We also suggest that the image not be too busy as to distract attendees from the engaging content your event has to offer. 

Further, you have the option to select the color of the top navigation bar to compliment the other branding colors you have added to your platform. Simply enter the HEX color code of your desired color into the navigation bar field.