I recently joined dev.to. One of the suggested posts was John Papa's announcement that he had released Peacock v1. At any given time, I have at least two instances of VS Code open so I immediately installed this extension.
Peacock lets you set a custom color for different workspaces. This makes it easy to tell instances apart based on their appearance.
You can customize Peacock with your favorite colors. It comes with a recommended set of favorites that includes colors from popular projects like Angular, React, and Vue.
I tracked down the colors for projects I use and added them to my favorites. If you use F#, Firebase, Octopus Deploy, or Wyam, you can add these colors to your Peacock settings.
{
"name": "F# Dark",
"value": "#378BBA"
},
{
"name": "F# Light",
"value": "#30B9DB"
},
{
"name": "Firebase Amber",
"value": "#FFA000"
},
{
"name": "Firebase Orange",
"value": "#F57C00"
},
{
"name": "Firebase Yellow",
"value": "#FFCA28"
},
{
"name": "Octopus Blue",
"value": "#2E92DF"
},
{
"name": "Wyam Logo",
"value": "#345b7d"
},
{
"name": "Wyam W",
"value": "#6c5b7b"
},
{
"name": "Wyam Y",
"value": "#c16c84"
},
{
"name": "Wyam A",
"value": "#f67280"
},
{
"name": "Wyam M",
"value": "#f9b194"
}
What colors have you added to your settings?
This post was originally published at blog.rousseau.dev. Cover photo by Ricardo Porto on Unsplash.
Top comments (1)
thanks a lot! It's surprisingly hard to find a simply improved list of colors for peacock.
by the way, do you darken, lighten specific elements/panels in vscode using peacock?