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.
Workspace layout settings
Access the Layout settings to personalize your workspace’s appearance. The customization options include custom CSS and scripts, and more UI modifications. With these settings, you can adjust the color scheme to align with your organization’s identity.
Additionally, you can upload assets such as favicons and logos for a consistent look and feel.
Advanced customization
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. Some features you can customize include the following:
UI components: Rocket.Chat's UI components collectively form the workspace’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. A component example is the side navigation.
Side nav component: This UI component renders the side navigation menu for the Rocket.Chat server. It 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. It also includes a search bar that users can use to find channels and rooms.
See the White Labeling development section to learn more.
See participate in Rocket.Chat development to contribute to Rocket.Chat