I like using dark themes everywhere and get flashbanged by photos with bright white backgrounds. Is there a quick way to tone down images so they don’t hurt my eyes? I use Linux, Firefox and Redshift.

  • przt@quokk.au
    link
    fedilink
    English
    arrow-up
    12
    ·
    6 hours ago

    In the browser, my fix for this is to use a global stylesheet in Stylus (any other userstyle plugin would work) with some really simple CSS:

    @media (prefers-color-scheme: dark) {  
        img:not(:hover) {  
            filter: brightness(50%);  
        }  
    }  
    

    This halves the brightness of all images, unless you hover over them. The media query makes it only active when the global theme is dark. This really helps a lot with blinding white images, and for images that are already dark, or when you want the full contrast, you can easily just hover them to see the original.

    With this simplistic CSS there could theoretically be clashes with a website’s native styling. I don’t think I’ve ever actually run into that in practice though.