light mode screen recording css

Waylon Walker

Tags

dev
webdev

Yesterday I wrote about a way to do light-mode-screen-recording to convert to light mode from dark mode with ffmpeg. I was wondering if it could be done entirely on the front end for web applications. Turns out you can. I'm sure there are limited wikis and site builders that don't allow adding style like this, but it works if you can.






        
<video
    src="https://dropper.wayl.one/file/1c53dbcb-4b84-4e94-9f04-a42986ab3fa1.mp4?width=800"
    controls
    style="filter: invert(1) hue-rotate(180deg) contrast(1.2) saturate(1.1);"
    >
</video>