Add Custom Title to the Header in UI

[vanmik]

Description

Add custom title in the UI header, next to Airflow logo

Use case/motivation

Usually Airflow is deployed as several independent instances: one for test purpose, one for stage, one for production etc. As a result when using UI it's hard to tell which version is actually used. How about adding some label to the header next to airflow logo?

It could be configurable with UI ENV parameters like:
VITE_HEADER_TAG=dev/prod/local/anything
VITE_HEADER_TAG_COLOR=red

And here is example how it might look:

If this will be greenlighted i'm willing to write the code

Related issues

No response

Are you willing to submit a PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template! If you are willing to raise PR to address this issue please do so, no need to wait for approval.

[potiuk]

@bbovenzi @pierrejeambrun > something maybe to consider for Airflow 3 new UI if not already there?

[jscheffl]

Is it the same like INSTANCE_NAME we have in Airflow 2 to be carried-over to Airflow 3?
In-deed this should be planned. Adding this to the UI project.

Screenshot is from Airflow 2... please take a look to configuration reference... also the title bar color can be changed for direct visual highlight (e.g. we color the dev env with red)

https://airflow.apache.org/docs/apache-airflow/stable/configurations-ref.html#instance-name

[eladkal]

Following what @jscheffl mentioned. Please see the docs:
https://airflow.apache.org/docs/apache-airflow/stable/howto/customize-ui.html#id2

I think we can close this issue as solved

[potiuk]

Indeed.

[bbovenzi]

Yes, this is already a task to pass the config to the new UI: #43166