Adds IRC inspired CSS to the Facebook Messenger Web App.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
gulp_tasks
src
.gitignore
LICENSE.md
README.md
gulpfile.js
package-lock.json
package.json

README.md

Facebook Messenger IRC Inspired Flat Theme

A Chrome extension that adds IRC inspired CSS to the Facebook Messenger Web App (messenger.com)

Download it here: https://chrome.google.com/webstore/detail/jkocbkfbiljhcdjopoeijnhnichhpefb

This extension changes the following:

  • Enables a dark, minimal theme for Facebook Messenger
  • Moves all messages to the left-hand side of the screen
  • Modifies image previews to be less intrusive and flow better in the conversation feed
  • Retains all functionality of Messenger
  • Second "IRC" mode for even more minimalism (See Below)

Modes

Standard

  • Enable this mode with a Click on the IRC button in the top left corner

IRC

  • Enable this mode with a Cmd/Ctrl + Click on the IRC button in the top left corner
  • This mode removes names from 1-on-1 conversations and only shows participant names in group conversations
  • Messages sent by the current user are prepended with a ">"
  • Messages sent by other participants are prepended with a "+"

Development

This project uses ES6!

Clone the repo and npm install all of the necessary packages

git clone https://github.com/iFallUpHill/facebook-messenger-irc-flat-theme.git
npm install

To build the unpacked extension and run the watch task, run gulp

gulp

To build a distribution ready package, run gulp build --prod

gulp build --prod

Contributing

  1. Create your feature branch: git checkout -b my-new-feature
  2. Commit your changes: git commit -m 'Add some feature'
  3. Push your branch: git push origin my-new-feature
  4. Submit a pull request! 📋

Feel free to help me add new features or improve my code!

License

This software is free to use under the MIT license. See the LICENSE file for license text and copyright information.