Telegram theme for Rocketchat

"Is it telegram?! No it's rocketchat :("

FYI: I'm more backend then frontend developer, so feel free to improve JS code.

• If you dont have permissions to change css and js on server side, you can use Browser Extension User JavaScript and CSS to use theme in your browser
• works on Rocket.Chat 6.0.0 - 6.5.x server version (tested on 6.0.0 - 6.5.2)

Compiled desktop application can be found here: https://github.com/mrFreeman-G/Rocket.Chat.Electron/releases

Current features:

• General telegram themes
• light
• dark
• Theme settings
• switch to default RocketChat theme
• switch to Flat theme
• switch to Telegram theme
• color palette variations
• Chat folders
• add / remove folder
• add / remove chat in folder
• unread chats counters
• personal chats folder
• Chat in sidebar
• more noticeable highlighting on unread chats
• scaled avatars
• message formatting on extended view (coloring author)
• Chat room / Chat messages
• new messages / threads style
• system messages style
• chat room leader in header removed
• last message in thread removed (in general messages list)
• messages formatted (useless information removed)
• messages positioning adjusted
• ugly poll's style improved
• emojis window restyled
• chat room loader (skeleton css on load room is hidden)
• there is stickers now! (if message contains only 1 emoji - it appears like sticker)

Known issues:

• chat management popups doesnt work in folders (even though it appears on hover)
• there may be problems with a slower Internet connection (WIP)

Hot ot install:

for user:

• install Browser Extension User JavaScript and CSS
• click on extension icon in your browser when you in rockerchat tab
• click "add"
• copy/past js and css code from repository into sections
• in js code change isLocal variable to true
• save & reload rocketchat window

for server:

• go to Workspace > Settings > Layout
• copy/paste css code into Custom CSS section
• copy/paste js code into Custom Scripts > Custom Script for Logged In Users
• in js code change isLocal variable to false

Previews

thread's

poll's

chat room / messages

stickers

sidebar

• 1 - add folder
• 2 - add current chat in folder
• 3 - remove current chat from folder
• 4 - remove folder from sidebar