DEV Community 👩‍💻👨‍💻

Cover image for My Favorite Colors for Peacock
Ryan Rousseau
Ryan Rousseau

Posted on • Updated on • Originally published at blog.rousseau.dev

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.

Top comments (1)

Collapse
 
radoslawsobolewski profile image
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?

Hey 😍

Want to help the DEV Community feel more like a community?

Head over to the Welcome Thread and greet some new community members!

It only takes a minute of your time, and goes a long way!