Skip to content

Support custom UI branding#731

Merged
rezib merged 18 commits into
mainfrom
pr/feat-287-2
May 27, 2026
Merged

Support custom UI branding#731
rezib merged 18 commits into
mainfrom
pr/feat-287-2

Conversation

@rezib
Copy link
Copy Markdown
Contributor

@rezib rezib commented May 27, 2026

fix #287

@rezib rezib added this to the v7.0.0 milestone May 27, 2026
@rezib rezib self-assigned this May 27, 2026
@rezib rezib force-pushed the pr/feat-287-2 branch 5 times, most recently from 736cb8c to 0a894e2 Compare May 27, 2026 12:03
rezib added 5 commits May 27, 2026 14:10
This allows to change Slurm-web frontend colors and logos for custom
branding.
This introduces SlurmwebFrontend class to handle the frontend UI
application in the gateway. When UI is enabled in configuration, an
instance of this class is attached of SlurmwebAppGateway object with
frontend attribute.

The class is responsible of validating UI configuration settings,
preparing the assets (ie. copy UI files, set base prefix, copy custom
favicon, logos files) and define UI custom colors and logos exported in
UI JSON configuration file loaded by frontend application.

This class also supports some development oriented environment variables
to control its behavior. These environment variables are not documented,
they are designed for special handling of UI files for development
environment specific needs.

The gateway mount prefix is now saved as an attribute of
SlurmwebAppGateway object. This allows reuse in OIDC authentication
routes, in replacement of oidc_ui_prefix attribute.

fix #287
rezib added 11 commits May 27, 2026 14:19
New branding plugin is introduced to change user interface colors in
CSS variables based on optional runtime configuration parameters.

New branding composable is introduced to provide paths to paths to logos
and main colors for javascript and Vue templates.
When frontend application is started in development mode, the
configuration, logos and favicon are now proxied to development
environment gateway instead of loading files in frontend/static/
directly.

This allows loading of development environment dynamic configuration
instead of static flat config which requires manual modifications to
test some use-cases.
Replace indigo-100 background color on filters badge in light mode by
slurmweb-light, so it follow branding themes.
@rezib rezib merged commit 52492db into main May 27, 2026
29 checks passed
@github-actions github-actions Bot locked and limited conversation to collaborators May 27, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Support custom theme and logo

1 participant