Visual Studio Code - How to change the badge color for error tabs?-CodePudding

See the black dot..??

I see a badge on the editor's tabs showing that somthing has been modified. I use to see other badges that showed errors, however, I don't see them anymore. What setting do I use to enable the badges to show errors?

How we see the black badge for a tab where changes have been made, similarly, it would show a red badge (large dot) for the tabs(files) with errors. Now I can't see those. Also, I would like to set custom colour for it.

CodePudding user response：

You can customize your active Visual Studio Code color theme with the workbench.colorCustomizations user setting.

{
  "workbench.colorCustomizations": {
    "activityBar.background": "#00AA00"
  }
}

Color Formats

*Color values can be defined in the RGB color model with an alpha channel for transparency. As format, the following hexadecimal notations are supported: #RGB, #RGBA, #RRGGBB and #RRGGBBAA. R (red), G (green), B (blue), and A (alpha) are hexadecimal characters (0-9, a-f or A-F). The three-digit notation (#RGB) is a shorter version of the six-digit form (#RRGGBB) and the four-digit RGB notation (#RGBA) is a shorter version of the eight-digit form (#RRGGBBAA). For example #e35f is the same color as #ee3355ff.

If no alpha value is defined, it defaults to ff (opaque, no transparency). If alpha is set to 00, the color is fully transparent.

Some colors should not be opaque in order to not cover other annotations. Check the color descriptions to see to which colors this applies.

CodePudding user response：

This should be what your looking for, let me know if they work, and which one in particular fixed your issue so we can edit your question and write it to properly address the issue your having.

{
   // Make sure the tab extends where the button & modified icon is @
   "workbench.editor.tabCloseButton": "right",

   // Turn on badges & colors for the Source Control decorations
   "workbench.editor.decorations.badges": true,
   "workbench.editor.decorations.colors": true

   // Bonus: If you want them turned on in your File explorer too, use this:
   "explorer.decorations.badges": true
   "explorer.decorations.colors": true
}