search

aidenlx / obsidian-icon-shortcodes

Obsidian Plugin: Insert emoji and custom icons with shortcodes
MIT License
143 stars 11 forks source link

Remixicons rendering GINORMOUS #12

Closed menagerie198 closed 2 years ago

menagerie198 commented 2 years ago

image Is there anyway to resize icons?

aidenlx commented 2 years ago

does replacing styles.css with provided file helpful? (styles.css.zip) if useful, I'll include this in a new update.

btw, what platform, obsidian version and mode of markdown view are you using?

Here's the guide to style icons: https://github.com/aidenlx/obsidian-icon-shortcodes#styling-icons

Liong1976 commented 2 years ago

The same thing happened to mine.

I am using Windows 10, Obsidian 0.13.2, and the icon only shows in Preview mode. Thanks

aidenlx commented 2 years ago

@Liong1976 @menagerie198 have you checked if styles.css is downloaded and placed properly in obsidian-icon-shortcodes and try to use this updated css to see if it can be fixed?

And by the way, have you tried to switch theme back to default? What theme are you using?

Liong1976 commented 2 years ago

It is still the same. And the icon only shows in Preview mode. I am using the Sanctum theme. But I had tried with no theme, Minimal theme, Prism, Purple Owl, and Shimmering Focus. The result was the same.

image

aidenlx commented 2 years ago

should be fixed in v0.4.2

menagerie198 commented 2 years ago

Good stuff! The sizing is now spot on, although I could only load the plugin via BRAT. Also, I only get a black version - i.e. the icon is only properly visible in a light theme. Is this to be expected/unavoidable?

aidenlx commented 2 years ago

I only get a black version - i.e. the icon is only properly visible in a light theme. Is this to be expected/unavoidable?

You can use css to change color of a specific icon pack: https://stackoverflow.com/a/52041765

For example: remixicon solid black to white in dark mode: 

.theme-dark .isc-icon.isc-ris {
  filter: invert(1);
}

PS: it will be included in the next release, for custom icons, you need to config them yourself