How can I edit VS Code settings so that the tabs of modified files are highlighted?












1














In Sublime, this was supported by changing



"highlight_modified_tabs": true,


under Preferences | Settings. How can I get this in Visual Studio Code?










share|improve this question






















  • I too would like to know how to do this
    – Kyle Paulsen
    Apr 25 '17 at 2:28
















1














In Sublime, this was supported by changing



"highlight_modified_tabs": true,


under Preferences | Settings. How can I get this in Visual Studio Code?










share|improve this question






















  • I too would like to know how to do this
    – Kyle Paulsen
    Apr 25 '17 at 2:28














1












1








1







In Sublime, this was supported by changing



"highlight_modified_tabs": true,


under Preferences | Settings. How can I get this in Visual Studio Code?










share|improve this question













In Sublime, this was supported by changing



"highlight_modified_tabs": true,


under Preferences | Settings. How can I get this in Visual Studio Code?







visual-studio-code






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Aug 22 '16 at 17:09









fwx

5310




5310












  • I too would like to know how to do this
    – Kyle Paulsen
    Apr 25 '17 at 2:28


















  • I too would like to know how to do this
    – Kyle Paulsen
    Apr 25 '17 at 2:28
















I too would like to know how to do this
– Kyle Paulsen
Apr 25 '17 at 2:28




I too would like to know how to do this
– Kyle Paulsen
Apr 25 '17 at 2:28












2 Answers
2






active

oldest

votes


















1














Well this isn't the best answer, but I ended up hacking one of vscode's core css files:



/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/electron-browser/workbench.main.css


I'm not sure where this file will exist on other platforms.



I put this css at the bottom of the file:



.tab.dirty .label-name {
color: #ffcc66;
}


Restart VSCode after this. It will complain at you saying the install is corrupt... but just click ignore and don't notify me. I'm pretty frustrated that I couldn't find a better solution, but it works...






share|improve this answer





















  • Any updates on this? Its kinda ok as a workaround, but I have to redo every time an autoupdate comes down. Can it go into a theme or something?
    – user3591367
    Jul 25 '17 at 19:17



















0














Some ability to highlight the top border of a modified tab was added in v1.29, highlight modified tabs.



workbench.editor.highlightModifiedTabs: true;


It is not much of a change though.



With these colorCustomizations:



"tab.activeModifiedBorder": "#ff0000",
"tab.inactiveModifiedBorder": "#ff0000",
"tab.unfocusedActiveModifiedBorder": "#ff0000",
"tab.unfocusedInactiveModifiedBorder": "#ff0000",





share|improve this answer





















    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f39085107%2fhow-can-i-edit-vs-code-settings-so-that-the-tabs-of-modified-files-are-highlight%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    2 Answers
    2






    active

    oldest

    votes








    2 Answers
    2






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    1














    Well this isn't the best answer, but I ended up hacking one of vscode's core css files:



    /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/electron-browser/workbench.main.css


    I'm not sure where this file will exist on other platforms.



    I put this css at the bottom of the file:



    .tab.dirty .label-name {
    color: #ffcc66;
    }


    Restart VSCode after this. It will complain at you saying the install is corrupt... but just click ignore and don't notify me. I'm pretty frustrated that I couldn't find a better solution, but it works...






    share|improve this answer





















    • Any updates on this? Its kinda ok as a workaround, but I have to redo every time an autoupdate comes down. Can it go into a theme or something?
      – user3591367
      Jul 25 '17 at 19:17
















    1














    Well this isn't the best answer, but I ended up hacking one of vscode's core css files:



    /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/electron-browser/workbench.main.css


    I'm not sure where this file will exist on other platforms.



    I put this css at the bottom of the file:



    .tab.dirty .label-name {
    color: #ffcc66;
    }


    Restart VSCode after this. It will complain at you saying the install is corrupt... but just click ignore and don't notify me. I'm pretty frustrated that I couldn't find a better solution, but it works...






    share|improve this answer





















    • Any updates on this? Its kinda ok as a workaround, but I have to redo every time an autoupdate comes down. Can it go into a theme or something?
      – user3591367
      Jul 25 '17 at 19:17














    1












    1








    1






    Well this isn't the best answer, but I ended up hacking one of vscode's core css files:



    /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/electron-browser/workbench.main.css


    I'm not sure where this file will exist on other platforms.



    I put this css at the bottom of the file:



    .tab.dirty .label-name {
    color: #ffcc66;
    }


    Restart VSCode after this. It will complain at you saying the install is corrupt... but just click ignore and don't notify me. I'm pretty frustrated that I couldn't find a better solution, but it works...






    share|improve this answer












    Well this isn't the best answer, but I ended up hacking one of vscode's core css files:



    /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/electron-browser/workbench.main.css


    I'm not sure where this file will exist on other platforms.



    I put this css at the bottom of the file:



    .tab.dirty .label-name {
    color: #ffcc66;
    }


    Restart VSCode after this. It will complain at you saying the install is corrupt... but just click ignore and don't notify me. I'm pretty frustrated that I couldn't find a better solution, but it works...







    share|improve this answer












    share|improve this answer



    share|improve this answer










    answered Apr 25 '17 at 2:58









    Kyle Paulsen

    529414




    529414












    • Any updates on this? Its kinda ok as a workaround, but I have to redo every time an autoupdate comes down. Can it go into a theme or something?
      – user3591367
      Jul 25 '17 at 19:17


















    • Any updates on this? Its kinda ok as a workaround, but I have to redo every time an autoupdate comes down. Can it go into a theme or something?
      – user3591367
      Jul 25 '17 at 19:17
















    Any updates on this? Its kinda ok as a workaround, but I have to redo every time an autoupdate comes down. Can it go into a theme or something?
    – user3591367
    Jul 25 '17 at 19:17




    Any updates on this? Its kinda ok as a workaround, but I have to redo every time an autoupdate comes down. Can it go into a theme or something?
    – user3591367
    Jul 25 '17 at 19:17













    0














    Some ability to highlight the top border of a modified tab was added in v1.29, highlight modified tabs.



    workbench.editor.highlightModifiedTabs: true;


    It is not much of a change though.



    With these colorCustomizations:



    "tab.activeModifiedBorder": "#ff0000",
    "tab.inactiveModifiedBorder": "#ff0000",
    "tab.unfocusedActiveModifiedBorder": "#ff0000",
    "tab.unfocusedInactiveModifiedBorder": "#ff0000",





    share|improve this answer


























      0














      Some ability to highlight the top border of a modified tab was added in v1.29, highlight modified tabs.



      workbench.editor.highlightModifiedTabs: true;


      It is not much of a change though.



      With these colorCustomizations:



      "tab.activeModifiedBorder": "#ff0000",
      "tab.inactiveModifiedBorder": "#ff0000",
      "tab.unfocusedActiveModifiedBorder": "#ff0000",
      "tab.unfocusedInactiveModifiedBorder": "#ff0000",





      share|improve this answer
























        0












        0








        0






        Some ability to highlight the top border of a modified tab was added in v1.29, highlight modified tabs.



        workbench.editor.highlightModifiedTabs: true;


        It is not much of a change though.



        With these colorCustomizations:



        "tab.activeModifiedBorder": "#ff0000",
        "tab.inactiveModifiedBorder": "#ff0000",
        "tab.unfocusedActiveModifiedBorder": "#ff0000",
        "tab.unfocusedInactiveModifiedBorder": "#ff0000",





        share|improve this answer












        Some ability to highlight the top border of a modified tab was added in v1.29, highlight modified tabs.



        workbench.editor.highlightModifiedTabs: true;


        It is not much of a change though.



        With these colorCustomizations:



        "tab.activeModifiedBorder": "#ff0000",
        "tab.inactiveModifiedBorder": "#ff0000",
        "tab.unfocusedActiveModifiedBorder": "#ff0000",
        "tab.unfocusedInactiveModifiedBorder": "#ff0000",






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 12 '18 at 22:30









        Mark

        11k33249




        11k33249






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.





            Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


            Please pay close attention to the following guidance:


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f39085107%2fhow-can-i-edit-vs-code-settings-so-that-the-tabs-of-modified-files-are-highlight%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Bressuire

            Vorschmack

            Quarantine