How can we improve Azure DevOps?

Dark Theme for VSTS and TFS Web Portal

This suggestion is migrated to Developer Community. Please use below link to view the current status.
https://developercommunity.visualstudio.com/content/idea/365745/dark-theme-for-vsts-and-tfs-web-portal.html
Many of Microsoft's products, including Office and Visual Studio, support a dark theme which is easier on the eyes. However, for some reason, VSTS and the TFS Web Portal do not have a dark theme.

At my workplace, we do our peer review through the web portal, so I spend many long hours staring at the bright white backgrounds. It would be amazing for my poor burnt eyes if we could get a dark theme. I'm sure many others agree.

1,385 votes
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    Signed in as (Sign out)

    We’ll send you updates on this idea

    Justin O'Conner shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    66 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      Submitting...
      • Rıza Cavusoglu commented  ·   ·  Flag as inappropriate

        you can use StyleBot extension for Chrome

        Here is my css you can develop and share with us

        div.vc-headerpane-section {
        background-color: #bfbfbf;
        }

        td.left-section.header-td {
        background-color: #dedede;
        }

        div.vc-changedetails-file-bar {
        background-color: #ededed;
        }

        .monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input {
        background-color: #d2d2d2;
        }

        div.margin-view-overlays div {
        background-color: #0078d7;
        }

        div.margin-view-overlays {
        border-color: #572c57;
        }

        div.margin {
        color: #381638;
        }

        .version-control-item-left-pane {
        background-color: #e2e2e2;
        }

        .code-editor-host .monaco-editor.vs .line-numbers {
        color: #fff;
        }

        div.file-container {
        background-color: #e6e6e6;
        border-color: #bababa;
        }

      • MC commented  ·   ·  Flag as inappropriate

        Fully expect MS to roll out a replacement for TFS Web Portal in the next year or two. Easier to build a new basic web UI every 5 years than to support one with roots back to 2005.

      • Rick commented  ·   ·  Flag as inappropriate

        Any update with this? I still don't see the Theme / Menu option under my Avatar. Would certainly prefer a Dark mode.

      • Anonymous commented  ·   ·  Flag as inappropriate

        Really don't understand why white background is always the default for web apps. Do people really like getting blinded that much?

      • Gaurav Soni commented  ·   ·  Flag as inappropriate

        Yes, as the developers are using a maximum of VSTS the are spending more time on it so it is very important to provide with the Dark black theme in VSTS.

      • Anonymous commented  ·   ·  Flag as inappropriate

        I was using a browser extension for this but it doesn't work any more since the restyling, which is nice to use but even brighter than before. Please prioritise this! All the features in the world are useless if it is painful to use.

      • BorisH commented  ·   ·  Flag as inappropriate

        VSTS portal supports implements High Contrast Mode Black. If you place your machine into High Contrast Mode Black, you will get a light text on dark background experience.

      • Eugene Baranovsky commented  ·   ·  Flag as inappropriate

        DevOps still doesn't have Black Ops theme? Keep up your good work, mates, renaming a product for the fourth time is clearly more important.

      • Anonymous commented  ·   ·  Flag as inappropriate

        For God's and my eyes sake please, please add a dark theme, this new Azure DevOps theme is worse than ever before...

      • Emiliano Magliocca commented  ·   ·  Flag as inappropriate

        I just switched to the new azure devops, and it was so white that I became almost blind :)
        please we need a dark theme, now even more!

      ← Previous 1 3 4

      Feedback and Knowledge Base