I few days ago I got an idea for a VS Code extension that shows the initial (default) value of a given CSS property on hover. This solves a real problem for me because most of the time I use the default value to reset a property.

What this means is if I have background-color: tomato on an element and want to set it to its initial value, Id probably use transparent instead of initial, unset or something else. So instead of remembering the initial values of all CSS properties, I created myself an extension.

With that in mind I present you CSS Initial Value.

Heres a small demo:

The extension is quite simple and there are probably cases where it display something weird but Id like to share it with the world in order to get feedback. Its also my first extension so Im pretty sure there are things that can be improved. The code is open-sourced if anyone wants to take a look or contribute.

If you work with CSS, please give it a try. I hope you find it useful.