10
CSS for Inverting Only Bright Images in Obsidian (lemmy.world)
submitted 1 year ago by 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.

all 2 comments

sorted by: hot top controversial new old
[–] 3 points 1 year ago (1 child)

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);
}
  • permalink
  • fedilink
  • source
  • hideshow 1 child comment
    •