/
3. Enhanced Theming Capabilities

3. Enhanced Theming Capabilities

Overview

Enterprise customers need tools that can be suited to their organization. Having an experience that is tailored to their brand allows for:

  • A consistent brand identity where mission-critical communication happens

  • A more familiar environment for the team's virtual office

  • A sense of ownership of the collaboration hub

  • Reinforcement that the platform is an integral part of the organization’s infrastructure

The goal is to bring even greater value to our enterprise customers who choose Mattermost for their mission-critical collaboration.

System-wide custom theme configuration

For this project, we are adding a new capability to create brand-specific themes that can then be leveraged throughout the system. Admins will be able to create multiple custom themes that will then be available for use by end users.

< Enterprise

The existing settings from themes (currently under Experimental) should move to this new section in the Customization view. More details in 1. Re-organizing existing settings .

image-20260122-211351.png

Enterprise and above

image-20260122-211409.png

Default states

  • the brand themes are empty with an Add a brand theme button.

  • Enable theme selection field is On

  • Allow customer themes is On

  • Limit available themes has the default pre-packaged themes added to the input

  • Default theme is set to Denim

image-20260122-210542.png

Brand themes

This enables admins to create their own branded themes for use in the workspace.

image-20240801-152134.png

Deleting a theme

If an admin clicks the trash icon on a theme, they should be warned before deleting. The warning should especially identify if the theme is currently published/in use.

For each brand theme, we show a small preview thumbnail next to the name.

Collapsed state

image-20240801-152143.png

Expanded state

When expanding a theme, there will be nested accordians for the sections of theme colors (just like in our current custom theme settings).

image-20260122-210902.png

Advanced theme editing (JSON)

The Advanced theme editing will open a text field to paste in full JSON for a custom theme.

image-20260122-211122.png

Limit available themes

This is a new setting that allows admins to choose which themes are available to end users. At least one theme must be selected here.

If no themes are added here, then all themes in the system will be available to users (including themes shipped with Mattermost).

Default themes added this input are: Denim, Sapphire, Quartz, Indigo, Onyx

image-20240531-193830.png

NOTE: This option is only available when Enable theme selection is turned on.

Preview functionality

Pending feasibility…

image-20260123-205400.png

 

Resources

  • Figma Design