Note: These changes are currently only for Speakap Beta users. Not a Beta user? Don’t worry, we’re testing them to bring the best experience to everyone soon!
While previously, we offered three different color options, with the redesign, the colors options are streamlined to two key theme colors: Primary and Secondary.
What are they and how do they interact with each other?
Primary Color
The primary color will be the more prominent in elements all across the platform. Different shades of this color can be applied in various ways.
Where is it applied?
The primary color is typically used for things like buttons, and key call-to-action elements.
Note that this color will also appear on mobile on the selected feed filter button.
It might be helpful to think of the primary color as what you know selected for button links and more and the secondary color as what you know as the header color.
To generate the shades, you can use this program. The example below shows the correct parameters for generating the colors.
Secondary Color
The secondary color complements the primary color and provides variety and contrast.
The secondary color creates a balanced design, offering contrast without competing with the primary color. It gives the interface a dynamic look while still maintaining brand cohesion.
Where is it applied?
It only appears in the header.
It might be helpful to think of the secondary color as what you know as the header color and the primary color as what you know selected for button links and more.
Note: at the top, you will see the option to toggle between the Original settings and the Redesign settings. This is because it will be possible to switch between the two for the initial period as both versions will be supported for a time.
Please note: While we update to the new design, some parts of the platform will still look like the old version for a little while. Because of this, we’ll need to keep both the old and new colors working until everything has been fully updated.
Where do I update my network color options?
Network admins can set and change the colors by going to Network Settings → Appearance → Theme → Colors.