Feature Request: Tenant Branding & White-labeling Configuration #141
Description
As a Tenant Admin, I want to be able to customize the look and feel of the application to match my organization's brand identity. This includes updating the logo, contact details, typography, and color themes so that end-users feel the platform is native to the tenant's organization.
General Settings
- Create a new settings tab/page labeled "Branding".
- Add a section for Contact Information (to be displayed in footers/invoices/support modal):
- Support Email Address.
- Support Phone Number.
- Physical Address.
Logo Management
- Upload Functionality: Allow tenant to upload a custom logo (Main logo & Favicon).
- Validation: Enforce file restrictions (e.g., .png, .jpg, .svg, max 2MB).
- Preview: Show a live preview of the logo upon upload.
- Placement: Dynamically update the navbar and login screen to display the tenant's logo instead of the default app log
Theming & Colors
- Primary Color: Input for Hex code or Color Picker.
- Secondary/Accent Color: Input for Hex code or Color Picker.
- Preview: Show a "live preview" block demonstrating how buttons and headers will look with the new colors.
- Application must utilize CSS Variables or a Theme Provider to inject these values at runtime.
Typography
- Font Selection: Provide a dropdown of safe, pre-approved web fonts (e.g., Inter, Roboto, Open Sans, Lato).
- Scale: Ensure font selection applies globally to headers and body text.