DEV Community

Aditya DS
Aditya DS

Posted on

Browser hacks for Dark Mode in PDFs! πŸ¦‰

Dear dark mode lovers,
In this article I present a few hacks to view PDFs in dark mode on any browser! πŸ”₯

To get started, open any PDF in your favorite browser. Then open the dev tools by using the shortcut ctrl + shift + I or f12 and run one of the following in the console based on your browser:

New Microsoft Edge/Google Chrome/Brave/Opera

document.embeds[0].style.filter = 'invert(0.95)';
Enter fullscreen mode Exit fullscreen mode


document.getElementById('viewerContainer').style.filter = 'invert(0.95)';
Enter fullscreen mode Exit fullscreen mode

This is the original image:
Original Image

Here is the result after running the script:
Dark Mode

πŸ’‘ You can change 0.95 to any number between 0 and 1.

If you found this useful, like the post and share it with your friends!

Discussion (0)