Skip to main content

Jupyterlab extension to use custom logo for the jupyterlab main logo

Project description

jupyterlab_branding_extension

GitHub Actions npm version PyPI version Total PyPI downloads JupyterLab 4 Brought To You By KOLOMOLO Donate PayPal

JupyterLab branding extension that replaces the default main area logo with a custom image and displays a configurable system name in the top toolbar. Supports SVG (inline embedding) and raster logo formats via a configurable URI.

Features

  • Custom main area logo - replace the default JupyterLab 3-dot logo with any SVG or raster image
  • System name in top toolbar - display a configurable text label (e.g. environment name) in the right side of the top toolbar, styled with the JupyterLab brand color
  • Configurable via traitlets - set logo_uri, system_name, and capitalize_system_name in jupyter_lab_config.py
  • Local and remote logos - supports file:// paths, https:// URLs, and local filesystem paths
  • Inline SVG embedding - SVG logos are embedded directly in the DOM, matching JupyterLab's native approach
  • Server extension - serves local logo files through an authenticated HTTP endpoint, bypassing browser file:// restrictions

Requirements

  • JupyterLab >= 4.0.0
  • jupyter_server >= 2.0.0

Install

pip install jupyterlab_branding_extension

Configuration

Add to your jupyter_lab_config.py:

# Local file path
c.Branding.logo_uri = "/path/to/your/logo.svg"

# file:// URI
c.Branding.logo_uri = "file:///path/to/your/logo.svg"

# Remote URL
c.Branding.logo_uri = "https://example.com/logo.svg"

When no protocol is specified, the path is treated as a local filesystem path.

System name

# Display "PRODUCTION" in the top-right of the toolbar
c.Branding.system_name = "production"
c.Branding.capitalize_system_name = True  # default

# Display "production" without uppercase transform
c.Branding.system_name = "production"
c.Branding.capitalize_system_name = False

The system name is rendered inside the existing JupyterLab toolbar spacer (jp-Toolbar-spacer) using the JupyterLab brand color (--jp-brand-color1), so it matches active sidebar icons and adapts to light/dark themes automatically. Leave system_name empty to disable this feature.

How It Works

The extension has two components:

  • Server extension - exposes /jupyterlab-branding/config (returns the configured logo URL, system name, and capitalize flag) and /jupyterlab-branding/logo (serves local logo files with correct MIME type)
  • Frontend plugin - fetches configuration on startup, retrieves logo content, replaces the #jp-MainLogo element, and injects the system name span into the top toolbar spacer. SVG logos are embedded inline, raster images use <img> tags

Favicon

This extension does not override the browser favicon. For JupyterHub deployments, favicon branding is typically configured at the JupyterHub level - refer to your JupyterHub configuration for how the hub overrides favicon for individual user servers.

Uninstall

pip uninstall jupyterlab_branding_extension

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

jupyterlab_branding_extension-1.0.25.tar.gz (279.8 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

jupyterlab_branding_extension-1.0.25-py3-none-any.whl (20.7 kB view details)

Uploaded Python 3

File details

Details for the file jupyterlab_branding_extension-1.0.25.tar.gz.

File metadata

File hashes

Hashes for jupyterlab_branding_extension-1.0.25.tar.gz
Algorithm Hash digest
SHA256 adeb445a76fc3b9a6adcc3b6de34a847ff24bfc6b0b80c04008082201210e0a6
MD5 082b06ed94e069bc06e67d73fc8908ca
BLAKE2b-256 602e3ff98628fa327240ab15373099d34db634a6cc02e7e5b2f1e71e6970301a

See more details on using hashes here.

File details

Details for the file jupyterlab_branding_extension-1.0.25-py3-none-any.whl.

File metadata

File hashes

Hashes for jupyterlab_branding_extension-1.0.25-py3-none-any.whl
Algorithm Hash digest
SHA256 651a1261a081993e3ac92a04ef11c57d50b113eeb51a8795a38c625c20c20877
MD5 790a37b96bc861b0574eefe74db9988e
BLAKE2b-256 0dcaf101030fceab7c9709d2d6edd0be04e1930011678b78dfbc27fc4e5b1cd5

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page