Dock Icons Emoticons Contact List Styles Message Styles Sound Sets AppleScripts Status Icons Service Icons Menu Bar Icons Plugins Miscellaneous All
Google Hangouts

Google Hangouts

Submitted By Cameron Spear (CWSpear)


Google Hangouts

Please Note: Version 1 of this app was named "Hangouts," so if you download and install version 2, it is named "Google Hangouts." If you're upgrading from 1.x, please switch your theme to "Google Hangouts" after installing 2.0 or later. It would probably also be a good idea to delete the old version from the Xtras Manager, or by removing Hangouts.AdiumMessageStyle from ~/Library/Application Support/Adium 2.0/Message Styles/.

Unofficial clone of the Google Hangouts theme for Adium.

This is a theme based off of the Google Hangouts, using Chris Coyier's blog post from CSS-Tricks as a starting point.

Steps were taken to remove flexbox as a dependency (Adium's WebKit engine doesn't support it) and some minor quality-of-life tweaks as they fit my fancy (I felt that consecutive messages needed a little more spacing).

For group chats, I replaced incoming messages icons with a unqiue (to the person talking), persistent Identicon. I couldn't find a theme I liked that really distinguished people in group chats. That's really the main reason I set out to create this theme.

Unique Features
• Unique, persistent Identicons in group chats (can be overridden by user-set icon** (does not work on history))
• Smart Timestamps that adjust according to how long ago they were sent
• Extra padding at the bottom to let you know you're at the bottom of the conversation
• Mad Google love

Other Features
• Mention indicators* (dark message background)
• Focus indicators* (green border on the right of message)
• History indicators (semi-transparent avatars)
• Sticky Topic* (hover to see full topic)

* Focus indicators, mention indicators and topics are exclusive to group chats (they just don't apply to 1-on-1 chats).
** To set an icon for someone that doesn't have one in Group Chat, right click their name in the user list and click "Get Info" and drag your icon of choice over the generic Adium icon.


Version 2.2.1 - 29 July 2013
• Fix a bug where long text would not wrap.

Version 2.2 - 19 July 2013
• Performance optimizations. It no longer does "smart timestamps" for more than an hour. This allows for much greater scalability.
• Added much more variety to Identicons (before, it was only 300 different Identicon, and I sometimes saw duplicates in large chat rooms). Unfortunately, this means that people's current Identicon may change.

Version 2.1 - 09 July 2013
• All chats use the unique persistent Identicon if the user does not have an avatar set
• In group chats, if the user has an avatar set, that avatar is now used (instead of always being an Identicon). Does not work with Group Chat History (Adium limitation).

Version 2.0 - 08 July 2013
• Added support for mention indicators (dark message background)
• Added support for focus indicators (green border on the right of message)
• Added support for history indicators (semi-transparent avatars)
• Added support for stickied Topic (hover to see full topic)
• Added update notifications (get notified of a new message!)
• Cleanup some CSS, tighten the spacing around the messages.
• Changed name to "Google Hangouts" (was previously "Hangouts").

Version 1.0.1 - 01 July 2013
• Allow the font size to be adjusted in the settings
• Make the timestamp slightly darker
• Change alt text for avatars to be more useful



You can reply to individual comments by clicking the "Reply" link next to each.

# by adiumuser1234 on 07/19/13 at 15:24:42

Great theme! Any chance the source is public so we can submit pull requests? Wondering if there's a way to animate new messages with CSS transitions, but not sure if that's supported with Adium's WebKit.

# by CWSpear on 07/19/13 at 18:56:15

It (Adium's WebKit) does support some animation stuff, but the current system is lacking any solid event notification to really do all the fun little things I wanted to do. I've discussed this with some of the others in the #adium/-dev chatrooms, and even submitted a pull request to add an event for when anything happens (but it could still be better). I haven't heard anything from anyone regarding the pull request.

That being said, I've had the code up on GitHub since the beggining: (don't forget to minify the JS!). Just don't get too carried away with any animation stuff: remember I'm in some chatrooms that get 1000s of messages a day, and I don't usually restart Adium for weeks! (Hence my release today, btw...)

# by jestho on 08/04/13 at 18:57:53

Nice theme, but doesn't seem to automatically scroll down to the newest message. Running Adium 1.5.7

# by CWSpear on 08/04/13 at 20:12:12

I've used it every day for a month and have had no such problem. Adium, by design, does not scroll to the bottom if you're not already scrolled to the bottom (so that new messages don't mess with you trying to read old messages).

Make sure you're scrolled all the way to the bottom and new messages should automatically scroll down.

# by piotrs on 09/02/13 at 21:53:17

It's the best and the cleanest theme ever. However it does not scroll down on adium 1.5.7.

Any hints how to fix it?

# by Vaceron on 09/23/13 at 08:00:41

Hi, i have a big problem with this nice message style. After the update adium on 1.5.7 i can not the a message in this style!!!

Help Please !!

# by pokerbareng on 02/07/15 at 11:32:49

Do you have the new version of this?


# by empireaccent on 06/27/15 at 07:33:15

Great work! Thank you!

Post a New Comment

You must be logged in to post comments.

Install | Download
73.46kb (11633 downloads)

3.70 / 53 votes
Current Version: 2.2.1
Last Updated: 07/29/13