This plugin is amazing – I’m not good at plugins, so don’t know how to branch off of it myself, but I feel that Discourse has a nice “simplicity” feel to it – it would be great to support images/icons.
Here is a ghetto way of how I achieved a Discord icon:
(Minus the color saturation – HDR screenshot bugs are the worst)
After installed, make a new CSS component, or edit the theme directly:
Here is what I used –
.headerLink
{
color: white;
&.d
{
background-image: url('https://i.imgur.com/MSef433.png');
background-repeat: no-repeat;
background-size: 22px;
a
{
color: rgba(0, 0, 0, 0);
text-decoration: none;
&:hover
{
box-shadow: 0px 2px lightgray;
}
}
}
}
- I had issues with hover effects, so a bottom box shadow on hover is the best I got, since these are images instead of unicode:
-
I named the above example
d
because you have to name it something. I make the font 0 opacity, so it gets hidden, but d allows me to utilize the d class. -
Is there a way to do this? Probably. But this is the ghetto way to bring about ideas until something better reveals itself