Rocket.Chat offers a flexible and customizable platform for team collaboration. Recognizing that businesses and communities have unique needs, this document will walk you through how to customize your Rocket.Chat server, from basic to advanced options.
Beyond white labeling your workspace, you can modify the codebase directly, enabling you to build and deploy a fully tailored server with all the required features.
Across the Rocket.Chat server, some features you can customize include the following:
Custom themes
Create and apply unique visual styles to match your brand.
UI colors
Adjust the color scheme to align with your organization's identity.
UI components
Rocket.Chat's UI components collectively form the server's visual and interactive foundation. Customizing these components allows you to align the interface with your organization's branding, enhance user experience, and introduce specialized features. Below are component examples that aim to enhance development ease and prevent redundant contributions of similar components with conflicting styles and usage patterns.
Side nav
The Rocket.Chat side nav UI component renders the side navigation menu for the Rocket.Chat server. The component takes in a few props, including the current user's data, the list of channels, and the list of rooms. The component uses this data to render a list of navigation items, each linking to a different page in the Rocket.Chat app. The component also includes a search bar that users can use to find channels and rooms.
See participate in Rocket.Chat development to contribute to Rocket.Chat