Skip to content

Instantly share code, notes, and snippets.

@Ferfalk
Last active May 30, 2025 21:02
Show Gist options
  • Save Ferfalk/96f7e4b494e9e3303f5758bf82870009 to your computer and use it in GitHub Desktop.
Save Ferfalk/96f7e4b494e9e3303f5758bf82870009 to your computer and use it in GitHub Desktop.
VSCode titlebar colors

Color Options for titleBar.activeForeground and titleBar.inactiveForeground

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 #FF4500 #FF450080
#DC143C #DC143C #DC143C80
#FF69B4 #FF69B4 #FF69B480
#FF1493 #FF1493 #FF149380
#C71585 #C71585 #C7158580

Shades of Blue:

Active Color (titleBar.activeForeground) Inactive Color (titleBar.inactiveForeground)
#1E90FF #1E90FF #1E90FF80
#00BFFF #00BFFF #00BFFF80
#4682B4 #4682B4 #4682B480
#6495ED #6495ED #6495ED80
#0000CD #0000CD #0000CD80

Shades of Green:

Active Color (titleBar.activeForeground) Inactive Color (titleBar.inactiveForeground)
#32CD32 #32CD32 #32CD3280
#00FF7F #00FF7F #00FF7F80
#2E8B57 #2E8B57 #2E8B5780
#90EE90 #90EE90 #90EE9080
#008000 #008000 #00800080

Shades of Yellow and Orange:

Active Color (titleBar.activeForeground) Inactive Color (titleBar.inactiveForeground)
#FFD700 #FFD700 #FFD70080
#FFA500 #FFA500 #FFA50080
#FF8C00 #FF8C00 #FF8C0080
#FFFF00 #FFFF00 #FFFF0080
#F0E68C #F0E68C #F0E68C80

Shades of Purple:

Active Color (titleBar.activeForeground) Inactive Color (titleBar.inactiveForeground)
#8A2BE2 #8A2BE2 #8A2BE280
#9932CC #9932CC #9932CC80
#BA55D3 #BA55D3 #BA55D380
#800080 #800080 #80008080
#4B0082 #4B0082 #4B008280

Other Options:

Active Color (titleBar.activeForeground) Inactive Color (titleBar.inactiveForeground)
#40E0D0 #40E0D0 #40E0D080
#98FB98 #98FB98 #98FB9880
#FA8072 #FA8072 #FA807280
#D3D3D3 #D3D3D3 #D3D3D380
#FFFFE0 #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"
  }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment