Uploaded image for project: 'Jira Platform Cloud'
  1. Jira Platform Cloud
  2. JRACLOUD-63150

A dark theme for Jira Cloud - dark background, contrasting text, etc

XMLWordPrintable

    • 3,513
    • 83

    • Our product teams collect and evaluate feedback from a number of different sources. To learn more about how we use customer feedback in the planning process, check out our new feature policy.

      Thanks to the +1,000,000 people that continue using Jira’s Dark theme. We are now confident that we can close the highest voted request in Atlassian’s history.

      We are still working on a few bits and bobs, but none of that is preventing the full use of the feature.

      In January 2022, a group of people at Atlassian decided to migrate a 20 year old product comprised of thousands of screens and a mature Ecosystem. We didn’t take the task lightly and we are proud of the outcome.

      Theming is transforming all Atlassian products: Confluence has already confirmed its release and our Data Center products too!

      You can read more about this big milestone here https://www.atlassian.com/blog/announcements/the-story-of-dark-theme

      We highly appreciate your patience and for believing in us ❤️

      Sincerely,

      The Jira Dark theme team

       

      How to use themes

      There are a few ways to change the theme on your Jira Cloud products. You can still control your theme from your Personal Settings page just like before. But for beta, we’ve added a new and extra fast theme-switching method via the Account icon on the top navigation bar.

      If you’d like to chose a theme via the Account icon on the top navigation bar:

      1. Select your Account icon in the top navigation bar.
      2. Select Theme.
      3. Select the theme you’d like to use.

       

       

      If you’d like to chose a theme via your Personal settings page:

      1. Go to Settings > Personal Jira settings.
      2. Scroll down the page to Theme.
      3. Select the theme you’d like to use.

       

      Selecting Match system will sync the theme to your device. If you’re using a device that has a dark or light theme, Jira will match that.

      If you’re an admin with more than 10 users on your site and you don’t want this feature available in your instance, please contact our support team.

      What to expect

      The majority of our products are looking pretty sweet in the new themes, but there are a few bits and bobs that are definitely a work in progress. It won’t affect all our users, but depending on your setup, those areas might look a little odd during the beta period.

      If you find parts of Jira that don’t look quite right with the new themes, please give us feedback through the feedback link on your Personal settings page.

       


      1. The feedback link on your Personal settings page.

        1. beta_timeline (1).png
          beta_timeline (1).png
          69 kB
        2. enable-dark-theme.gif
          enable-dark-theme.gif
          15.16 MB
        3. image-2022-08-17-14-39-13-161.png
          image-2022-08-17-14-39-13-161.png
          5 kB
        4. image-2023-04-20-11-16-50-725.png
          image-2023-04-20-11-16-50-725.png
          137 kB
        5. image-2023-06-22-15-41-18-542.png
          image-2023-06-22-15-41-18-542.png
          19 kB
        6. JiraDarkMode.png
          JiraDarkMode.png
          422 kB
        7. Screenshot 2023-04-13 at 11.25.32 am.png
          Screenshot 2023-04-13 at 11.25.32 am.png
          137 kB
        8. Screenshot 2023-04-13 at 11.28.23 am.png
          Screenshot 2023-04-13 at 11.28.23 am.png
          311 kB
        9. Screenshot 2023-04-13 at 11.33.09 am.png
          Screenshot 2023-04-13 at 11.33.09 am.png
          134 kB
        10. Timeline.png
          Timeline.png
          70 kB
        11. With issue panel.png
          With issue panel.png
          1.23 MB

            [JRACLOUD-63150] A dark theme for Jira Cloud - dark background, contrasting text, etc

            Shiuh Rong Yong added a comment -

            The vertical and horizontal scroll bar is hardly noticeable on dark mode, is there any plan to make it grey or make it broader?

            Shiuh Rong Yong added a comment - The vertical and horizontal scroll bar is hardly noticeable on dark mode, is there any plan to make it grey or make it broader?

            Carlos Khatchikian added a comment -

            cec83745f36c - the answer is no. 

            There is a ticket to follow here -> https://jira.atlassian.com/browse/JSDCLOUD-13227

            But not much traction. 

            Carlos Khatchikian added a comment - cec83745f36c - the answer is no.  There is a ticket to follow here -> https://jira.atlassian.com/browse/JSDCLOUD-13227 But not much traction. 

            Seerat added a comment -

            Does this dark mode cover the customer portal as well? ckhatchikian 

            Seerat added a comment - Does this dark mode cover the customer portal as well? ckhatchikian  

            Bearcat M. Şándor added a comment -

            Are there plans to assign the highlight/button color based on the custom menu color?

            Bearcat M. Şándor added a comment - Are there plans to assign the highlight/button color based on the custom menu color?

            Carlos Khatchikian added a comment -

            Thanks to the +1,000,000 people that continue using Jira’s Dark theme. We are now confident that we can close the highest voted request in Atlassian’s history.

            We are still working on a few bits and bobs, but none of that is preventing the full use of the feature.

            In January 2022, a group of people at Atlassian decided to migrate a 20 year old product comprised of thousands of screens and a mature Ecosystem. We didn’t take the task lightly and we are proud of the outcome.

            Theming is transforming all Atlassian products: Confluence has already confirmed its release and our Data Center products too!

            You can read more about this big milestone here: https://www.atlassian.com/blog/announcements/the-story-of-dark-theme

            We highly appreciate your patience and for believing in us ❤️

            Sincerely,

            The Jira Dark theme team

            Carlos Khatchikian added a comment - Thanks to the +1,000,000 people that continue using Jira’s Dark theme. We are now confident that we can close the highest voted request in Atlassian’s history. We are still working on a few bits and bobs, but none of that is preventing the full use of the feature. In January 2022, a group of people at Atlassian decided to migrate a 20 year old product comprised of thousands of screens and a mature Ecosystem. We didn’t take the task lightly and we are proud of the outcome. Theming is transforming all Atlassian products: Confluence has already confirmed its release and our Data Center products too! You can read more about this big milestone here: https://www.atlassian.com/blog/announcements/the-story-of-dark-theme We highly appreciate your patience and for believing in us ❤️ Sincerely, The Jira Dark theme team

            Chris.Sterba added a comment -

            is there a way to make a banner for dark theme specific? We notice the banner stays light when switching to Dark theme

            Chris.Sterba added a comment - is there a way to make a banner for dark theme specific? We notice the banner stays light when switching to Dark theme

            Cal Wooten added a comment -

            A way to upload two logos for light and dark theme would be great! The dark theme looks good but our white banner logo kills it.

            Cal Wooten added a comment - A way to upload two logos for light and dark theme would be great! The dark theme looks good but our white banner logo kills it.

            Aleksandr Kamenev added a comment -

            Is there a way to upload 2 logos, 1 for light theme, 1 for dark theme? As otherwise it can only be seen in one of the themes...

            Aleksandr Kamenev added a comment - Is there a way to upload 2 logos, 1 for light theme, 1 for dark theme? As otherwise it can only be seen in one of the themes...

            robin.puerta added a comment -

            My eyes can rest in peace! THNKS A LOT

            robin.puerta added a comment - My eyes can rest in peace! THNKS A LOT

            Graeme Meyer added a comment - - edited

            I submitted this using the feedback button as well, but just for the ticket: if you have a "highlight" colour configured in your instance (for e.g. company branding), it automatically sets the "background" (navigation bar colour) to white, breaking dark mode. There's no way to clear that value or set it to any kind of transparent, meaning that you end up having the same colour of header for both light and dark themes, which essentially means one of them always looks awful/broken.

            Edit: if you clear/revert your "highlight" colour, you can fix the header in dark mode, but obviously that breaks the company branding. Presumably the best solution is to allow admins to set colour choices for both light and dark mode separately.

            Graeme Meyer added a comment - - edited I submitted this using the feedback button as well, but just for the ticket: if you have a "highlight" colour configured in your instance (for e.g. company branding), it automatically sets the "background" (navigation bar colour) to white, breaking dark mode. There's no way to clear that value or set it to any kind of transparent, meaning that you end up having the same colour of header for both light and dark themes, which essentially means one of them always looks awful/broken. Edit: if you clear/revert your "highlight" colour, you can fix the header in dark mode, but obviously that breaks the company branding. Presumably the best solution is to allow admins to set colour choices for both light and dark mode separately.

              ckhatchikian Carlos Khatchikian
              c4e73dbc7746 Mike Jackson
              Votes:
              8084 Vote for this issue
              Watchers:
              1440 Start watching this issue

                Created:
                Updated:
                Resolved: