DEV Community

Cover image for Sparky's Tool Tips: Customize Visual Studio Window Title /  SolutionColor
Brian Schroer
Brian Schroer

Posted on • Edited on

Sparky's Tool Tips: Customize Visual Studio Window Title / SolutionColor

If you're like me, you usually have multiple Visual Studio solutions open at the same time.

The main application I work on is an ASP.NET web site with a separate API back end site, so I usually have the web solution running in one Visual Studio instance and the API solution in another.

I also frequently work on multiple feature branches at once, so it's not uncommon for me to have three or four Visual Studio instances going.

When you do that, it can be confusing to tell which instance is which. These are two Visual Studio 2019 extensions that help...

SolutionColor

https://marketplace.visualstudio.com/items?itemName=Wumpf.SolutionColor

This one's really simple. It just adds a toolbar with buttons you can use to set the color of the title bar on a per-solution basis. Your color choice is "remembered" and re-applied every time you open the solution:

"SolutionColor" extension toolbar buttons"

The "Pick title bar color" button pops up a color picker to choose a background color. A foreground color of black or white is automatically chosen - whichever is most readable against the background:

"SolutionColor" extension color picker

I usually choose a bright color for the web solution (since it's the up-front pretty solution), and a darker version of that color for the API solution:

Two Visual Studio windows with different title bar colors

Customize Visual Studio Window Title

https://marketplace.visualstudio.com/items?itemName=mayerwin.RenameVisualStudioWindowTitle

This extension, as you can probably guess from its name, customizes the Visual Studio window title.

Unlike previous Visual Studio versions, VS 2019 by default doesn't have a title bar in the app window. (You can enable it via the "Tools | Options | Environment | Preview Features | Use compact menu and search bar" menu.) The title is also displayed on Windows taskbar buttons, though.

Here's the default taskbar button title experience:

Boring default Visual Studio taskbar title

The extension allows you to use "tags" (e.g. "[solutionName]", "[parentPath]") to define how titles should be formatted:

"Customize Visual Studio Window Title" options: Global Rules

There are a lot of tags you can use, and they're defined in the "Supported Tags" option window:

"Customize Visual Studio Window Title" options: Supported Tags

You can build different titles for design mode, running mode and break mode. I like to use "|" between solution name and parent path in design mode and emojis to simulate video player "play" and "pause" buttons in running and break modes:

  • design: [solutionName] | [parentPath]
  • running: [solutionName] ▶ [parentPath]
  • break: [solutionName] ⏸ [parentPath}

In addition to these default title formulas, you can set up titles for specific solutions, saved to either a file that lives with that solution or to a central "global" XML file:

"Customize Visual Studio Window Title" options: Solution Specific

I prefer the "global config". The global XML file contains "SolutionSet" elements where you define solution folders and names, and the title formulas to use for each:

"Customize Visual Studio Window Title" global configuration XML file

Here are the results on my Windows taskbar. I can easily see that I have an API solution and web solution instance open, whether they're running or not, and the branch name for each:

Customized taskbar titles

Top comments (2)

Collapse
 
roneo profile image
Roneo.org

Nice, thanks

For custom window colors based on Workspaces, see the Peacock extension: marketplace.visualstudio.com/items...

Collapse
 
sparky profile image
Brian Schroer

Thanks, Peacock looks great for Visual Studio Code.

SolutionColor is for "big Visual Studio" - Visual Studio 2019 (or soon, VS 2022).