Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FR: ability to change lucide icon in settings #46

Open
riddlew opened this issue Sep 29, 2023 · 7 comments
Open

FR: ability to change lucide icon in settings #46

riddlew opened this issue Sep 29, 2023 · 7 comments

Comments

@riddlew
Copy link

riddlew commented Sep 29, 2023

Would it be possible to add an option in the settings to change the lucide icon used for creases. I'm not a fan of having shirt icons throughout my notes, and wanted to change it to something a little more minimal.

@nydcroxas
Copy link

Any update on this? I've been looking for a fix but no luck.

@sicahjes
Copy link

Wish we didn't have to have an icon at all. This plugin won't be usable for me until the icon is removed.

@FeralFlora
Copy link

This CSS snippet hides the shirt icon:

.cm-creases-icon {
    display: none;
}

@Iwuaa
Copy link

Iwuaa commented Jun 5, 2024

I would love this feature, shirt icon is out of place a bit

@mattmaiorana
Copy link

Anybody every figure out how to do this?

@yett1873
Copy link

I would love this feature, shirt icon is out of place a bit

This one should work. Just replace the URL with whatever icon you like from https://lucide.dev/icons/

.svg-icon.lucide-shirt {
  color: transparent;
}
.cm-creases-icon{
  background: url(
    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWdyaXAiPjxjaXJjbGUgY3g9IjEyIiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSI1IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE5IiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIxOSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSIxOSIgcj0iMSIvPjwvc3ZnPg==
    );
  background-repeat: no-repeat;
  background-size: .7em;
  background-position: 5% 75%;
}

@Bluemandan
Copy link

Bluemandan commented Aug 2, 2024

I would love this feature, shirt icon is out of place a bit

This one should work. Just replace the URL with whatever icon you like from https://lucide.dev/icons/

.svg-icon.lucide-shirt {
  color: transparent;
}
.cm-creases-icon{
  background: url(
    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWdyaXAiPjxjaXJjbGUgY3g9IjEyIiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSI1IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE5IiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIxOSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSIxOSIgcj0iMSIvPjwvc3ZnPg==
    );
  background-repeat: no-repeat;
  background-size: .7em;
  background-position: 5% 75%;
}

Civilian here 👋,
While this does work, it seems to not size well, and it will not be white, instead grey even when selecting #ffffff. I want to assume that if you have lucide Icons either from Iconize or Make.MD, they would fit better. How would you write it if you were to switch it out for another .svg-icon? For example square-chevron-down.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

8 participants