Rocket.Chat provides a flexible platform that allows you to tailor your server to match your organization’s requirements, from visual adjustments to deeper code-level modifications.
Workspace layout settings
Use Layout settings to customize your workspace’s appearance and align it with your organization’s branding.
Available options include:
Applying custom CSS and scripts
Adjusting the color scheme
Modifying UI elements
Uploading assets such as logos and favicons
These settings help create a consistent and recognizable user experience.
Advanced customization
For deeper control, you can modify the Rocket.Chat codebase to build and deploy a fully customized server.
Common customization areas include:
UI components
Rocket.Chat’s UI components form the foundation of the workspace interface. Customizing them allows you to:
Align the interface with branding
Improve user experience
Introduce specialized functionality
Side navigation component
The side navigation component renders the main navigation menu for the Rocket.Chat server. It receives properties such as the current user’s data, channel lists, and room lists, and uses them to generate navigation items that link to different areas of the application.
The component also includes a search bar for quickly locating channels and rooms.
For additional guidance, see the White Labeling development documentation.