How to test color changes on a website?

Question

I want to replace 10 specific colors with new colors as per requirement (eg: #ddd replaced with #000. Different replacement like this). I just found and replaced over 300 places in all my css files. Now, want to test on the website whether all colors are replaced correctly. With over 300 places, it's hard to understand which color is used where. Is there any way to do this? Thanks

Answer 1

If you mean to change one specific color to another specific color in your code. So there is an option in VS Code to search for a specific string and change to something else.

Also, to prevent this - I recommend you to use CSS custom properties (variables).

---> https://developer.mozilla.org /en-US/docs/Web/CSS/Using_CSS_custom_properties