Logo

dev-resources.site

for different kinds of informations.

Discord in Firefox, with themes, plugins and RPC for free

Published at
2/7/2024
Categories
discord
firefox
extensions
tutorial
Author
snowcode
Author
8 person written this
snowcode
open
Discord in Firefox, with themes, plugins and RPC for free

Discord traditionally runs on an Electron app, which means it's basically just a website wrapped in a Chromium browser, so it's pretty heavy, and I really don't want that. I prefer to have Discord in the browser.

Getting Discord in the browser is easy, just go to https://discord.com/app. The problem however is that you don't get RPC (rich presence, which is the famous "blabla is playing ...").

Luckily, there's a project that lets you do all of that, plus it also lets you get plugins to Discord and themes, which looks pretty great. This project is named Vencord and is very easy to install on Chromium based browsers, but unfortunately doesn't work on Firefox because the developers had some trouble getting it to the Add-ons store.

That's why I want to write about how to get it working on Firefox.

Installing Vencord

  1. First, you need to install Firefox Developer Edition. You can probably find it in your package manager (firefox-devedition under NixOS for instance) or on the Mozilla website here
  2. Download the Vencord Firefox extension from the GitHub Release. Here's a direct download link.
  3. You now have to disable the signing verification of Firefox add-ons by going in about:config, searching xpinstall.signatures.required and toggle it to false.
  4. Load Vencord by going into about:addons, clicking on the settings wheel and clicking on Install Add-On From File

Screenshot of the location of the button to install the addon

  1. Load Discord in your browser. If you now open the Discord settings, you should see a new section called "Vencord"

Screenshot of the Vencord section of the Discord settings

Vencord is now successfully installed.

Getting rich presence

Getting Discord rich presence (RPC) you'll need to install a software on your computer to listen to the RPC connections and transmit them to Discord through the RPC plugin of Vencord.

  1. Enable the RPC plugin by going into the Vencord plugin settings of your Discord settings and enable the WebRichPresence (arRPC) plugin.
  2. Install NodeJS 18 or above, which is required to run the arRPC server. You can probably install it from your package manager or set it up manually from the official website
  3. Download/clone the GitHub arRPC repository, then run npm install and node src to run the server.


git clone https://github.com/OpenAsar/arrpc
cd arrpc
npm install
node src


Enter fullscreen mode Exit fullscreen mode
  1. If you reload Discord and run some game, it should now show up on Discord without any problem.
  2. Tell your operating system to run at boot in the background (for example in the "exec" section in Hyprland, or in a systemd service, a cron job, etc) that way you won't have to worry about starting the server since it will be done automatically for you.

Other Vencord stuff

Vencord is also pretty nice because you can install themes and get a ton of other plugins. You have plugins like "FakeNitro" which lets you get some Nitro features without paying anything, and many more.

Vencord also prevents some Discord tracking out of the box.

Image description

You can also install themes by going to the "Theme" settings tab, then click on "BetterDiscord Themes" and choose whatever theme you like. Download the themes you like, then return to the Vencord settings and upload the theme.

Image description

Now congratulations you just themed, added features, removed some tracking, and removed Electron from Discord. Have fun!

firefox Article's
30 articles in total
Favicon
Meet Tab-R: My New Browser Extension
Favicon
Request Aborted (NS_BINDING_ABORT) In Firefox but working in remaining browsers
Favicon
5 effektive Methoden, um Bilder aus Webseiten zu extrahieren
Favicon
How to Perform Firefox Mobile Testing? (Step-by-Step Guide)
Favicon
Wormhole Proxy (Firefox Add-on) - single-list proxy manager
Favicon
RemoveCookieWall, una extension de Firefox
Favicon
Deploy firefox as container
Favicon
hello, maybe i am back for a while
Favicon
[firefox] show tabs in full-screen mode
Favicon
Firefox "about:config" Flags That I Like ๐Ÿ”ฅ๐ŸฆŠ
Favicon
How To Speed Up Selenium Test Cases?
Favicon
GitHub Sponsors: Oliver Blanthorn main developer of Tridactyl
Favicon
Browser Extensions for 2024
Favicon
Remote debugging using Firefox on Android devices with Windows
Favicon
Firefox css: restyle the active tab handle
Favicon
Captcha Solving Extension For Chrome, Mozilla Firefox
Favicon
Discord in Firefox, with themes, plugins and RPC for free
Favicon
6 Best Firefox Alternatives 2024
Favicon
Firefox Shortcuts: Enhance Your Browsing Experience
Favicon
I'm not guilty it's firefox!
Favicon
How to make CSS :has() pseudo-class work on Firefox
Favicon
RES-like script that allows you to navigate Lemmy with your keyboard
Favicon
Firefox: Windows and Tabs
Favicon
Firefox DE...we're back together!...for a weird reason
Favicon
Firefox form auto-fill
Favicon
Dear Mozilla, we have to talkโ€ฆ
Favicon
ๅฆ‚ไฝ•ๅœจ elementary OS ๅฎ‰่ฃ Firefox Beta
Favicon
Fix 403 Forbidden error on Mozilla in Minutes
Favicon
Unlock the Sidebar Width in Firefox
Favicon
How to Fix โ€œSecure Connection Failedโ€ Error in Firefox

Featured ones: