Awesome VSCode Extension – Peacock(Color yourself)

Mostly I have multiple Projects open on multiple VSCode Editors.

I found a way where I can give different colors to different instances.

I use Peacock to change the color of the Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code’s Remote features, and you want to quickly identify your editor.

I wanted to share this with the Dev community .

It’s created by JohnPapa. There is also one article here on Dev

I am sure, you will like it.


JavaScript, React

Style React component with styled-components : Part-2

In My Previous post Style React component with styled-components : Part-1 , I wrote how we can start using styled-components and we created one Spinner component with it.

Now we can see, how we can pass props to the styled component named StyledSpinner and change the color/behavior of it.

For this example, I will change the border color by passing prop. So, the styled component will show the color what we pass to it. Continue reading