Olivasal

Branding

Upload your logo, customize primary and accent colors, and apply a gradient across the meeting UI.

Each workspace can white-label its Olivasal tenancy. Branding settings live in Settings → Workspace → Branding, accessible to owners and admins.

What you can customize

  • Logo — PNG, JPG, SVG, or WebP up to 512 KB. Replaces the default Olivasal mark in the navbar.
  • Primary color — used on solid buttons, focus rings, and link text.
  • Accent color — gradient endpoint and decorative accents.
  • Gradient toggle — opt in to a gradient (with adjustable angle 0–360°) for the hero banner and primary CTAs. When off, the solid primary color is used everywhere.

A live preview swatch shows the result before you save.

What stays locked

The footer always reads Powered by Megam Technologies linking to megamtech.com. Customers cannot override this.

How it ships

Uploaded logos are stored on disk at <project-root>/uploads/branding/<workspaceId>.<ext> (override with the BRANDING_UPLOADS_DIR env var). The API serves them through a JWT-gated endpoint; the web client fetches them as a blob and renders via an ObjectURL, so the JWT never appears in an <img src>.

CSS custom properties (--color-primary, --color-accent, --gradient-primary) are written to the document root at runtime. Components that want gradient surfaces opt in by binding to --gradient-primary; everything else inherits the new solid colors automatically.