Based on the "Default Dark Modern" theme, here are color options to customize the active and inactive title bar of your workspaces in VS Code.
Shades of Red and Pink:
Active Color (titleBar.activeForeground) |
Inactive Color (titleBar.inactiveForeground) |
|---|---|
#FF4500 |
#FF450080 |
#DC143C |
#DC143C80 |
#FF69B4 |
#FF69B480 |
#FF1493 |
#FF149380 |
#C71585 |
#C7158580 |
Shades of Blue:
Active Color (titleBar.activeForeground) |
Inactive Color (titleBar.inactiveForeground) |
|---|---|
#1E90FF |
#1E90FF80 |
#00BFFF |
#00BFFF80 |
#4682B4 |
#4682B480 |
#6495ED |
#6495ED80 |
#0000CD |
#0000CD80 |
Shades of Green:
Active Color (titleBar.activeForeground) |
Inactive Color (titleBar.inactiveForeground) |
|---|---|
#32CD32 |
#32CD3280 |
#00FF7F |
#00FF7F80 |
#2E8B57 |
#2E8B5780 |
#90EE90 |
#90EE9080 |
#008000 |
#00800080 |
Shades of Yellow and Orange:
Active Color (titleBar.activeForeground) |
Inactive Color (titleBar.inactiveForeground) |
|---|---|
#FFD700 |
#FFD70080 |
#FFA500 |
#FFA50080 |
#FF8C00 |
#FF8C0080 |
#FFFF00 |
#FFFF0080 |
#F0E68C |
#F0E68C80 |
Shades of Purple:
Active Color (titleBar.activeForeground) |
Inactive Color (titleBar.inactiveForeground) |
|---|---|
#8A2BE2 |
#8A2BE280 |
#9932CC |
#9932CC80 |
#BA55D3 |
#BA55D380 |
#800080 |
#80008080 |
#4B0082 |
#4B008280 |
Other Options:
Active Color (titleBar.activeForeground) |
Inactive Color (titleBar.inactiveForeground) |
|---|---|
#40E0D0 |
#40E0D080 |
#98FB98 |
#98FB9880 |
#FA8072 |
#FA807280 |
#D3D3D3 |
#D3D3D380 |
#FFFFE0 |
#FFFFE080 |
How to use in VS Code (per workspace):
In the .vscode/settings.json file of each project:
{
"workbench.colorCustomizations": {
"titleBar.activeForeground": "#YOUR_ACTIVE_COLOR",
"titleBar.inactiveForeground": "#YOUR_INACTIVE_COLOR"
}
}