Skip to content

cohost - dim images by jkap

Details

Authorjkap

LicenseCC Zero

Categorycohost.org

Created

Updated

Size714 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dim images in posts on cohost. Images are restored to full brightness on hover.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           cohost - dim images
@namespace      https://cohost.org/jkap
@version        1.1.0
@description    Dims images on cohost, hover to brighten them up!
@author         jae kaplan (https://cohost.org/jkap)

@preprocessor default
@var range initialBrightness "Dim brightness" [75, 0, 100, 1, "%"]
==/UserStyle== */
@-moz-document domain("cohost.org") {
    [data-view="post-preview"] img {
        filter: brightness(var(--initialBrightness));
        transition: 200ms filter ease-in;

        &:hover {
            filter: brightness(100%);
        }
    }

    @media (prefers-reduced-motion) {
        [data-view="post-preview"] img {
            transition: unset;
        }
    }
}

Reviews

No reviews yet.