My Favorite Colors for Peacock

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.

Comments

[radoslawsobolewski]

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?