Skip to content

Add dark mode to Airflow UI #11334

Closed
Closed

Description

@JeffryMAC

Description

I think by now everyone knows the benefit of dark mode.
It would be great if Airflow will offer this open in the UI
I believe it should be setting per user that can be controlled from the user profile.

Activity

  1. alxdembo commented on Dec 15, 2020

    @alxdembo
    Contributor

    @mik-laj Can I volunteer for this one?

  2. mik-laj commented on Dec 15, 2020

    @mik-laj
    Member

    This seems to me not to be a task that one person can do. @ryanahamilton Can you help with this task? Do you have any expectations or suggestions?

  3. ryanahamilton commented on Dec 18, 2020

    @ryanahamilton
    Contributor

    This is definitely on my radar/wish list as well. With the current UI framework, there isn't a clean and clear path to implement this in a sustainable fashion. The aged Bootstrap (v3.3) dependency nested in our FAB dependency is one of the biggest limitations, whereas the latest Bootstrap versions (v5) employ CSS variables that would allow for systematic approach to theme switching. That said, I'm not ready to take this on at this time, but I'm exploring more significant UI framework changes that would definitely make this easier to accomplish.

  4. eladkal commented on Mar 8, 2021

    @eladkal
    Contributor

    dark mode will be added as part of AIP-38 Modern Web Application

  5. added
    RoadmapThe issues /PR that are big changes on the roadmap
    on Mar 8, 2021
  6. MartinUQ commented on Aug 2, 2022

    @MartinUQ

    So this is done but not in official release ? I can find it in the settings

  7. potiuk commented on Aug 3, 2022

    @potiuk
    Member

    No. The AIP is not yet complete. It is in progress and currently airflow is a mixture of old and new UI. Until it is fully converted, dark mode will not happen consistently.

  8. NFeruch commented on Oct 2, 2022

    @NFeruch

    What is the status of this issue as of 10/1/2022?

  9. potiuk commented on Oct 2, 2022

    @potiuk
    Member

    I think it waits for someone to implement it. Generally if there is no comment, about it and UI does not have it, there is no change.

    But maybe you want to help with that and provide some PRs @NFeruch if you are eager to have it ? That could speed it up. If not, then it simply has to wait for someone from the community to pick it up. We have > 2200 contributors and anyone could contribute it in forn of PR :). And you could become one of them. This is how OSS works basically.

  10. m-urminsky commented on Dec 20, 2022

    @m-urminsky

    Please implement this, honestly a button on the main page changing the background to a darker color and the text color to a different one is enough. You can perfect it later.

  11. MartinUQ commented on Dec 20, 2022

    @MartinUQ

    My eyes are hurtinggggg

  12. potiuk commented on Dec 20, 2022

    @potiuk
    Member

    Well, maybe one of you would like to take on the task ? I t waits for someone who knows ui to pick it up. As everything in open sources will be implemented when someone implements it :).

    Or maybe find someone who could do it of you want it so badly? Anyone can volunteer and implement it actually so if you know someone who knows the ui frameworks and could implement it - convince that someone to volunteer it and it is the fastest way to get it done.

  13. 1 remaining item

  14. djpirra commented on Aug 8, 2023

    @djpirra

    It would even be better if we could define themes to be applied on the UI. Would be really awesome.

  15. potiuk commented on Aug 8, 2023

    @potiuk
    Member

    It would even be better if we could define themes to be applied on the UI. Would be really awesome.

    Yes. This feature still waits for somene to implement it.

  16. bengabp commented on Sep 4, 2023

    @bengabp

    No one has implemented it yet ???

  17. potiuk commented on Sep 4, 2023

    @potiuk
    Member

    No one has implemented it yet ???

    Maybe you would like to volunteer and implement it @bengabp ?

    I think this task is waiting for someone who is interested in it an will implement it. you can also find someone who would like to implement it and contribute it. This is how it works for open-source development when you have mostly volunteers contributing. Anyone could contribute it - and finding time or someone who could contribute it is the fastest way to get something you really want.

  18. Andrew-Wichmann commented on Jan 4, 2024

    @Andrew-Wichmann
    Contributor

    I'm not sure if this goes against the philosophy / licensing of Airflow, but I would love to extend this dark mode theme idea into a broader feature set that would enable white labeling. I picked up the idea at a GrafanaLive conference where a presenter showed a dashboard where the color scheme matched the company's color scheme. I think that would be awesome in Airflow.

  19. potiuk commented on Jan 4, 2024

    @potiuk
    Member

    Yes. It could be done. No licencing or philosophy problem. It just waits for somoene who will implement it. there are always a lot of ideas, but far less number people who will to spend their time and energy (and skils) to contribute implementations of those :)

  20. Andrew-Wichmann commented on Jan 7, 2024

    @Andrew-Wichmann
    Contributor

    I hear ya'. I'm not demanding anything. I really like the software. Thank you for your time and effort

  21. AndrewNLauder commented on Apr 12, 2024

    @AndrewNLauder

    @mik-laj Can I volunteer for this one?

    Looks like nobody has taken a stab at this one. Are you still interested in it?

  22. sozelfist commented on Jun 27, 2024

    @sozelfist

    I have checked out Apache Airflow for the dark mode feature and see that @YounHS implemented the feature. The PR was merged 7hr ago, I love the new feature and will give it a try right now. Thank @YounHS for bringing the great feature to Apache Airflow.

  23. jscheffl commented on Jul 28, 2024

    @jscheffl
    Contributor

    Closing as fixed in #39355 (even though the current implementation is marked experimental)

  24. added this to the Airflow 3.0.0 milestone on Apr 15, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    AIP-38Modern Web ApplicationRoadmapThe issues /PR that are big changes on the roadmaparea:UIRelated to UI/UX. For Frontend Developers.area:webserverWebserver related Issueskind:featureFeature Requests

    Type

    No type

    Projects

      Milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions