ganbaaelmer commented on PR #39355:
URL: https://github.com/apache/airflow/pull/39355#issuecomment-2611697369

   > related: #11334
   > 
   > We've been seeing requests for a dark mode feature in the Airflow UI for a 
while now.
   > 
   > I tested it using docker-compose.yaml.
   > 
   > After testing, I was able to set dark mode and light mode.
   > 
   > The only thing I noticed is that after switching to dark mode, the light 
theme is visible for a very short time when the page is updated.
   > 
   > I think there should be a way to smooth this out in the future.
   > 
   > ## As-Is
   > * This picture is just extract from airflow github readme.
   > * I want to emphasize with this illustration that the dark/light mode 
toggle was not originally there.
   > 
   > 
![image](https://private-user-images.githubusercontent.com/40846179/327282103-b91b0c2c-3310-4767-a99e-8fac6003bb5b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzc3MDAwODgsIm5iZiI6MTczNzY5OTc4OCwicGF0aCI6Ii80MDg0NjE3OS8zMjcyODIxMDMtYjkxYjBjMmMtMzMxMC00NzY3LWE5OWUtOGZhYzYwMDNiYjViLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAxMjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMTI0VDA2MjMwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJjZTJjNjE1MTc1NzI4N2I3MDQzM2M2NDE2YzE4OGE3ODE2NmQ3MWZkNzcwYjNjYTNiODFhNmVkYmMwYzJlYWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.7xKGs0MiJ_b6-PDk5SdT9K_qm8ZIbCn6WnFFtQWnWX0)
   > 
   > ## To-Be
   > * Dark Mode
   >   
![다크모드_캡처](https://private-user-images.githubusercontent.com/40846179/336648422-3c8c134c-1df0-4929-ab98-badac6ba62ea.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzc3MDAwODgsIm5iZiI6MTczNzY5OTc4OCwicGF0aCI6Ii80MDg0NjE3OS8zMzY2NDg0MjItM2M4YzEzNGMtMWRmMC00OTI5LWFiOTgtYmFkYWM2YmE2MmVhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAxMjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMTI0VDA2MjMwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ5N2Q1OTY3Y2EwZTc0NzU5MzAzZThlYjliMmI4NGQ5YzNmMDU1MWEzMTYyOTUwMWNmZjg2MmIzZjI4ZjM4MjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.j4jujqi6si-tnqO8enDfR0OJDiMSWgaHVzhgxoSXres)
   > * Light Mode
   >   
![라이트모드_캡처](https://private-user-images.githubusercontent.com/40846179/336648477-6f7e8e51-c585-4f1d-8b95-92b8b5f2560e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzc3MDAwODgsIm5iZiI6MTczNzY5OTc4OCwicGF0aCI6Ii80MDg0NjE3OS8zMzY2NDg0NzctNmY3ZThlNTEtYzU4NS00ZjFkLThiOTUtOTJiOGI1ZjI1NjBlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAxMjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMTI0VDA2MjMwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU2NWM2MjYzODZjYzc1NDM5ZTMxY2RkOTNhYmM2NmE5ZTE2OWEyZTM2NjIxMmQyYjQ0YTQ4NzgyZTY1NTc0YWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.gOjum1QKRgQj3AmS3un1ZZxh2jQUaWWwG1JtNzEYLWo)
   > 
   > #### You can toggle the dark/light mode by clicking the crescent icon on 
the right side of the navigation bar.
   > #### If you changed the color of the navigation bar via a setting like 
AIRFLOW__WEBSERVER__NAVBAR_COLOR, the dark/light mode will be applied 
accordingly.
   > ### FIX
   > * If Dark Mode is running, a moon will appear, and if Light Mode is 
running, a sun will appear.
   
   so where i put AIRFLOW__WEBSERVER__NAVBAR_COLOR in apache airflow docker 
container?


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]

Reply via email to