DEV Community

Cover image for Peacock v1 Released
John Papa for Microsoft Azure

Posted on • Edited on

Peacock v1 Released

Have you ever found yourself switching between multiple instances of VS Code, while trying to find which one you were looking for? I often have multiple instances open for coding, writing (like this article), and pretty much everything I do with text. Being able to quickly identify each instance is super helpful.

I used to switch the colors of a few key aspects of VS Code manually so I could differentiate them. I was using this technique at conferences where I presented and found it helpful for the audience so they could identify my code too. I finally decided to automate this. That's where Peacock came from.

One of the key aspects I wanted before releasing v1 was to have a lot of unit tests in place, and to have it hooked into CI. I decided to use Azure DevOps with their YAML option. I am pretty happy with how it turned out. One cool aspect is I am running the tests under Windows, Linux, and macOS for both Node 8 an 10. I'll write more about how this works on Azure DevOps in future posts.

v1 has arrived!

I just released Peacock v1.1.0 over the weekend!

Since I released and announced the preview of Peacock, a lot of folks seemed to like it and several contributed to the extension in OSS.

What Can it Do?

Great question! You can check out the full documentation here. But here is a quick glimpse of the main features.

  • Change the color of titlebar, statusbar, and/or activitybar
    • Enter your own color (hex, rgb, hsl, etc)
    • be surprised with a random color
    • Choose the primary color for angular, vue, or react
    • Choose a user-defined color from your Favorites
  • Save a color in your Favorites
  • Adjust the coloring of affected elements by making them slightly darker or lighter to provide a subtle visual contrast between them

You choose which elements should be colored be checking them in your user settings.

settings

Get Peacock

If you have Peacock and want the update to v1.1.0, VS Code will prompt you soon.

If you are interested in trying out Peacock, you can find it here in the marketplace.

Contribute

Contribute to GitHub repository here

Thanks!

Oldest comments (37)

Collapse
 
kurisutofu profile image
kurisutofu

Nice! I'll have to try that!
Thanks for doing that!

Collapse
 
john_papa profile image
John Papa Microsoft Azure

You're welcome!

Collapse
 
kingnathanal profile image
William Britton

Thanks a lot...

When I first saw your post about this extension I thought it was neat but I didn't think I would have much use for it, but after working on a project this weekend and fooling around with different vscode windows, it got me thinking and now I'm on board.

Collapse
 
john_papa profile image
John Papa Microsoft Azure

Thanks! No worries, several people have said this too :)

Some folks only use one instance ... while others use several.

Collapse
 
iwilsonq profile image
Ian Wilson

Very neat, I'll try this out. I also write articles in VSCode, do you use any extensions or external apps for things like grammar or structure?

Collapse
 
john_papa profile image
John Papa Microsoft Azure

I hope you like it.

I'm working on an extension to help with this. But I hit a few snags on getting APIs for grammar. I tweeted to grammarly about it but it appears they have no roadmap for an API.

Collapse
 
edisonpappi profile image
Edison Augusthy

this is what i was looking for..Thank You

Collapse
 
john_papa profile image
John Papa Microsoft Azure

you are quite welcome

Collapse
 
ahmadawais profile image
Ahmad Awais ⚡️

This is my favorite extension :)

Collapse
 
john_papa profile image
John Papa Microsoft Azure

Thanks Ahmad!

Collapse
 
yeomann profile image
Danish

Gotta try. Although I love my hyper term like pitch black theme

Collapse
 
john_papa profile image
John Papa Microsoft Azure

We all love our themes :)

Perhaps make some favorite colors with Peacock that compliment your theme?

Collapse
 
vintharas profile image
Jaime González García

Awesome!

Collapse
 
john_papa profile image
John Papa Microsoft Azure

Thanks!

Collapse
 
yaron profile image
Yaron Levi

great!

Collapse
 
john_papa profile image
John Papa Microsoft Azure

Thanks!

Collapse
 
thatwasawkward profile image
Ben Wolman

Great example of a creative solution to a common but often overlooked problem. Nice work.

Collapse
 
john_papa profile image
John Papa Microsoft Azure

Thanks Ben!

Collapse
 
sivaram636 profile image
sivaram

It's definitely a lifesaver for me :) Thank you @john_papa

Collapse
 
john_papa profile image
John Papa Microsoft Azure

You are welcome. thanks for using it