Proposal: Enable branding config for Aspire Dashboard

[timheuer]

Consider exposing a small set of properties via CSS that could enable 'branding' of the Aspire Dashboard a bit more.

An example of this is the HealthChecksUI, that comes with a default experience:

But with providing a branding CSS file can be customized:

Exposing a small set of branding UI properties via environment variables and or mapping a CSS file for the Dashboard would enable those who are desiring a branded experience (maybe using hosted container image) a simple way rather than rebuild the source itself with adjustments.

Example methods HealthChecksUI uses:

• https://github.com/Xabaril/AspNetCore.Diagnostics.HealthChecks/blob/master/doc/styles-branding.md
• https://github.com/Xabaril/AspNetCore.Diagnostics.HealthChecks/blob/master/doc/ui-docker.md#Custom-Branding

Recommended customizations:

• Logo (and accompanying values -- e.g., title attribute)
• Primary Accent color (assume maybe the dashbaord uses --var notations for variations already in Fluent)
• Font Family

[kvenkatrajan]

@leslierichardson95 - lets discuss details/timeframe etc.

[samsp-msft]

@timheuer - With all due respect, NO. The dashboard is not intended as a component that others can take, rebrand and use in different places. We will have extensibility for adding more modules.

Once you have people adding their own CSS, the opportunity for conflicts, especially during ongoing development is not worth the risk.

[timheuer]

Let’s not close things without a discussion and have PM participate (as noted from Kay).