This is an absolute no-brainer method of converting an already developed website to support dark mode. Without further ado let's get into it! 👾 Consider this news application for example Now add the magic CSS Voila! you are done ✌ Dark mode achieved Explanation Now let's try and understand what is going on under the hood. The filter CSS property applies graphical effects like blur or color shift
![One line - Dark Mode using CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/912cef26baa79325b0754607a605b62672e66ecc/height=288;version=1;width=512/https%3A%2F%2Fmedia.dev.to%2Fcdn-cgi%2Fimage%2Fwidth%3D1000%2Cheight%3D500%2Cfit%3Dcover%2Cgravity%3Dauto%2Cformat%3Dauto%2Fhttps%253A%252F%252Fdev-to-uploads.s3.amazonaws.com%252Fi%252Fymwhz84dzmm9oco6mpyu.jpeg)