Skip to main content

Rebranding Overview

Make LibreApps Desktop your own.

Overview​

LibreApps Desktop is designed to be highly customizable, allowing you to easily rebrand the dashboard to match your company's identity. From changing colors and fonts to updating logos and icons, LibreApps Desktop provides a comprehensive set of tools and configurations for a seamless rebranding experience.

Key Rebranding Areas​

1. Visual Identity​

Update your application's colors, typography, and spacing using Tailwind CSS and CSS Variables.

2. Assets​

Replace the default LibreApps Desktop logos, favicons, and other brand assets with your own.

3. Theming​

Use the built-in Themer tool to create and manage multiple themes for your application.

4. Navigation & Layout​

Customize the sidebar, navbar, and overall layout to suit your application's structure and user flow.

5. Localization​

Translate the dashboard into your target languages and update all user-facing text to match your brand's voice and tone.

The Rebranding Workflow​

  1. Define Your Brand: Gather your brand's color palette, fonts, logos, and other assets.
  2. Update Settings: Edit rebrand/settings.md with your app name, company, and theme preferences.
  3. Configure Theme: Choose a theme from ShadcnThemer or use a pre-built theme.
  4. Run the Engine: Execute ./scripts/build-rebrand.sh from the project root.
  5. Launch Your App: Start the rebranded server with ./scripts/start-rebrand.sh.
  6. Test & Deploy: Preview at http://localhost:3002 and deploy when ready.

Quick Commands​

# Build the rebrand
./scripts/build-rebrand.sh

# Run the rebranded server (port 3002)
./scripts/start-rebrand.sh

# Or for development mode
cd rebrand/web/full-kit
pnpm dev

Why Rebrand with LibreApps Desktop?​

  • Speed: Get a professional-looking, branded dashboard in a fraction of the time it would take to build from scratch.
  • Consistency: Ensure a consistent brand experience across all pages and components.
  • Flexibility: Easily update your brand as your company grows and evolves.
  • Developer Friendly: Built with modern tools like Tailwind CSS and shadcn/ui, making customization a breeze.

Next Steps​

Explore the specific rebranding sections to learn more about how to customize each aspect of the dashboard.