Customize branding elements that appear in the UI and HTML metadata.

Configuration 

frontend:
  name: "Company Files"
  description: "Secure file storage"
  favicon: "/path/to/favicon.png"
  externalLinks:
    - text: "Support"
      title: "Get support"
      url: "https://support.example.com"

Options

OptionDefaultDescription
name“FileBrowser Quantum”Display name in header and PWA manifest
description""HTML meta description for SEO/link previews
faviconBuilt-inPath to custom favicon image
externalLinks[]Custom links in sidebar

Name

Display name appears in:

  • Application header
  • Browser tab title
  • PWA manifest
  • Mobile home screen
frontend:
  name: "Acme Corp Files"

Description

HTML meta description used for:

  • Search engine results
  • Social media link previews
  • Browser metadata
frontend:
  description: "Secure file sharing and storage for Acme Corporation"

Favicon

Custom favicon (PNG recommended):

frontend:
  favicon: "/path/to/favicon.png"

Recommended size: 256x256 pixels

Add custom sidebar links:

frontend:
  externalLinks:
    - text: "Documentation"        # Link text (required)
      title: "View documentation"  # Hover tooltip (required)
      url: "https://docs.example.com"  # URL (required)
    - text: "Support Portal"
      title: "Get help"
      url: "https://support.example.com"

Fields:

  • text - Link text displayed in sidebar (required)
  • title - Tooltip shown on hover (required)
  • url - Destination URL (required)

Complete Example 

frontend:
  name: "Acme Corp Storage"
  description: "Secure enterprise file management system"
  favicon: "/custom/favicon.png"
  externalLinks:
    - text: "Intranet"
      title: "Company intranet"
      url: "https://intranet.acme.com"
    - text: "IT Support"
      title: "Get IT help"
      url: "https://support.acme.com"
    - text: "Policies"
      title: "File storage policies"
      url: "https://policies.acme.com/storage"

Next Steps