Skip to content

Beautiful Facebook Messenger desktop app using Electron 👻

Notifications You must be signed in to change notification settings

cuuupid/custom-messenger

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Custom Messenger

A fully featured Facebook Messenger desktop app, beautifully and minimally made with Electron.

Custom Messenger Preview

Custom Messenger Preview

Dark Theme Light Theme Venom Theme

Original Theme Custom Theme Inverse Custom Theme

Getting Started

Executables coming soon. If you're electron-friendly, please feel free to build and upload executables to this repo!

Bindings/Shortcuts

You can drag the window from the top bar (the title of the conversation).

All keybindings start with Ctrl.

Ctrl Q will close the window, but not the app.

Ctrl R will refresh the browser.

Right-clicking the tray icon opens the menu.

Clicking the tray icon launches the app.

Ctrl Backspace goes back one page in history, aka to previous conversation.

Ctrl M minimizes the window.

Ctrl Shift F sets the app to fullscreen.

Ctrl Y centers the app.

Ctrl Tab toggles the conversation list.

Ctrl Shift I toggles Developer Tools.

Theming

There are 4 provided themes ('Light', 'Dark', 'Venom', and 'Custom').

You can select a theme by right-clicking the tray and selecting a Theme. You may set this theme as the default by clicking Customize in the tray menu, and changing the "defaultTheme" property to whatever you wish.

To make your own theme, you can edit the values by clicking Customize in the tray menu. This will change the "Custom" theme, and you can see your changes by selecting the "Custom" theme from the tray menu.

If you have made edits to the current window or current theme, you can select "Full Reload" to reload with your changes.

I want to Develop

Requirements

  • Electron (npm install electron --save-dev --save-exact --global, global so we can use the electron CLI)
  • Electron Local Shortcut and some other plugins (npm i in this repo will do it)

Electron Install not working?

Try npm i and then install electron

I have Electron, Quick Start?

electron .

Logging and Deploying

Set the debug var in main.js (first line) to false before deploying, leave as true for logs in console.

How do I package this?

You need electron-packager. To install look at https://github.com/electron-userland/electron-packager

electron-packager . <name>

We've been using Fapkin as the name to keep things organized.

Go to the folder named Fapkin and paste here the messenger.ico, then run FapkinChat.exe

Credits

Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY

About

Beautiful Facebook Messenger desktop app using Electron 👻

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published