this post was submitted on 22 Jun 2025
10 points (100.0% liked)

CSS

594 readers
1 users here now

founded 2 years ago
MODERATORS
Ategon@programming.dev
10
CSS for Inverting Only Bright Images in Obsidian (lemmy.world)
submitted 1 month ago by happeningtofry99158@lemmy.world to c/css@programming.dev
2 comments fedilink hide all child comments
 

cross-posted from: https://lemmy.world/post/31789585

CSS for Inverting Only Bright Images in Obsidian

Hello, I'm looking for CSS code that can invert only bright images in Obsidian. Could you provide me with a script or guidance on how to achieve this? I'm not familiar with CSS, but I'd appreciate any help or clarification on the process

Thanks in advance

cross-posted from: https://lemmy.world/post/31789585 Please see the cross-post as it is updated.

you are viewing a single comment's thread
view the rest of the comments
[โ€“] shnizmuffin@lemmy.inbutts.lol 2 points 1 month ago (1 children)

CSS by itself cannot determine the colors present in an image element, so you won't be able to write a style targeting all your images.

If you're willing to attach a class to all your bright images, you could use the filter property.

HTML

<img class="invert" src="some-bright-image.jpg" />

CSS


.invert {
  filter: invert(1);
}