I have created a simple html page with javascript that will generate CustomCSS to give you a custom Avatar on any rocket.chat channel.
I do not see a way to attach a file to share it, but I would love to share this creation with the rocket.chat community as it is quite handy and allows you to easily add a nice custom touch to your server.
Images are resized appropriately with all view modes too.
Is it against the rules to link to a download for this tool?
It’s just a single html file located in that zip file. All the js and css are included in the one file. You can view the source by opening it in a text editor.
Also it should be noted this is not a “proper fix” for avatars, and does not show avatars in the mobile applications.
It is a work around using CSS to hide the actual avatar and replace it’s appearance with another image. It’s basically a CSS “trick” to get the appearance we were looking for. After copy/pasting the CSS over and over again and fixing the text for each of the new channels, I felt it was easier to make something like this to generate the code. Seemed to work pretty well so I wanted to share it so anyone can use it if they like it.
Trying this out (snap 3.1 installation) but whatever I enter in Admin => Layout => Custom CSS doesn’t show up anywhere in the site. Am I overlooking something?
This is super neat. We may end up using this in the future if they decide they are getting sick of the multiple colors of letters that ends up kind of making each channel look the same. Thanks for this!
Please kind sir, please share your magic. I’ve been trying to figure this out for a while. Seems like you might be able to use the same avatar api for your users as the channels as that is where it pull’s the default square letter icons from.
But alas, this has eluded me. I just want to bedazzle my chat server with fly icons.