Plugin advice - edge around pasted image - HowTo?

Help
1

Hi,

I’m looking for a plugin that allows users to put a line edge around a pasted image.
Generally I prefer light colored themes and most of the time I don’t even use a theme at all, but I tend to always avoid “dark mode” becaus this does not help my eyes.

So, if e.g. I take a screenshot from part of help.obsidian.md, and then paste this in a white note, you get white on white, which is of course near invisible to distinguish the pasted image from the note. This might in some particular cases be the purpose, but it is not my purpose.

My question:
What plugin is best suited to quickly and easily add a visible edge around a pasted image?
Or are there any other ways to achieve what I want?

Thanks a lot for helping out!

2

You don’t even need a whole plugin for that, a CSS snippet should do…

Maybe this post will be of help:

1 Like
3

Thanks a ton!
Will look into this and report back!

1 Like
4

Also you can use the snippet technique I describe here.

Just add #edge to the pasted images you want to be framed, like so (300 px width sample):

![[your-image.png#edge|300]]

And in your snippet define

span[src$="#edge"] img {
  /* your CSS for image border goes here */
}

This should give you lotta more flexibility in which images to frame and which not.
The advanced version would be to define separate CSS rules depending on dark/light mode.

1 Like
5

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.