Messenger Chat Style on Desktop Facebook

Added by TinchoRz@userstyles, Created: Nov 14, 2014, Updated: Apr 04, 2016
With the style applied


Tired of the same chat style over years? Want some more minimalist? Like the conversations design of Messenger Chat? Here it is all in one!
>Tested on Chrome, Firefox and Opera April 2016.<

More info
This Style Includes:

- White tabs
- Custom tab highlights
- Left bubble is now grey and right bubble is now blue
- Rounded profile pictures on chats
- Totaly redesigned "Messages Tab"
- Custom "Writing" animated icon, "Loading old messages" animation and "Uploading Image" Progress bar
- Links on chat still keep the legibility
- And more!

Hope you like!

/* ---- Warning! boring stuff! ---- */

Current Version: 3.0.3
Change Log:
Version 1.1
- Fixed the roundness of the profile picture when the other people is "writing".
Version 1.2
- Height of blue bubble adjusted
- Top shadow is now lighter
- I have put some order in the code
Version 1.3
- Fixed a bug that rounded the attached images from the grey side
- Uploading attached images on chat restyled
- The background color of the cross to cancel the sending of images has been fixed
- The size of the bubbles containing attached images was adjusted
Version 1.4
- Now the open tabs highlight normaly
- Now the collapsed tabs highlight normaly
- Fixed the border on collapsed tabs
- Fixed the color of the cross to close in a highlight tab
Version 1.5 - Super Update!
- Tab's highlight has been changed to be more subtle
- Messages Tab is now totaly redesigned to look more like Messenger's one
- The "Loading old messages" animation has been changed
- Now the "Writing" bubble is animated
Version 1.6
- The grey of the dots on "Writing" animation has been adjusted
- Time format of the message on chats has been changed
- "Seen" on chats has been changed for one thinner
- Now the theme is more compatible with other themes that change facebook style
Version 1.7
- The top of the messages window was redesigned for when "Mark all as read" appears and force the text to separate into two lines in languages like Spanish Portuguese French and German among others
- The "New Message" blue gradient on the messages window now is lighter
Version 2.0 - Stable Version
- The code has been compacted
- Counter of new messages o collapsed tabs restilyzed
- For now the final stable version! there is not much to polish, but the style will continue in continuous development in search of bugs and other stuff!

Version 2.0.5 - Hotfix
- Corrupted close icon fixed as well as the blue bubble arrow.
- Minor bug solved in the "Find Friends" page.
Version 2.1 - Hotfix
- Facebook changed again the background position of the icons in the chat. fixed.
Version 2.1.5 - Hotfix
- Fixed some bugs from the newest uptate from Facebook.
Version 2.2
- After a busy personal time, i could finally fix some of the bugs that were born with the latest facebook update, hopefully i will fix it all in a short time.
- New animations on New Messages Tab hovers
- All chat icons error fixed
Version 2.2.1
- All icons fixed AGAIN
Version 2.2.2
- Same Thing!
Version 3.0
- The Icons's problem permanently solved.
- Bubbles for images corrected
- Design tweaks due to changes in the application.
- The custom messages tab is now working as supposed again.
Version 3.0.1
- New typing bubble
- Minor bugs fixed
Version 3.0.2
- All resourses are now in an https server to ensure the correct display in webkit browsers
- Phone icon added
- Typing bubble fixed
Version 3.0.3
- Bug Fix (4-2016)

NOTE: This Style ONLY modify the chat tabs, the messages windows and the chatlist itself.

Compatibility: Any highly modified theme which includes the modification of the chat, will conflict with this theme and will cause the chat style not display correctly.

You should to add comment and rate the style.


+ Create discussion

Applies to:,

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.