A Firefox extension to display Discord within the Firefox sidebar. This extension adds a new section to the sidebar which contains the Discord web app. It also adds a shortcut, and a button toggle within the toolbar.
- Toggle the sidebar by pressing
Alt+Shift+D. This shortcut can be changed by going toAdd-ons→Discord in Sidebar→Options. - If you prefer buttons over shortcuts, there is a toolbar button you can press to toggle the sidebar.
The sidebar's width is locked by default in Firefox. Unfortunately, the sidebar is very restrictive and I can only do so much to enhance the functionality of this extension. I put together a step-by-step guide on how to unlock it.
- In a new tab, navigate to
about:support. - Under Application Basics, find Profile Folder.
- Locate and click the
Open Folderbutton next to it. It will be next to an address similar to:%appdata%\Mozilla\Firefox\Profiles\{profile-id}.default. - Inside your Firefox Profile Folder, create a new folder named:
chrome. - Inside the newly created chrome folder, create a new file named:
userChrome.css. - Copy the following code, paste as content and save:
#sidebar-box {
max-width: 40% !important;
min-width: 300px !important;
}- Finally, in a new tab, navigate to
about:configand search fortoolkit.legacyUserProfileCustomizations.stylesheetsand change it totrue. - Restart Firefox and test it out!
- You can find the canonical publication for the guide on my Blog.
- I also have instructions in Spanish in this GitHub Gist.
This extension is an independent project, has no relationship, and is not affiliated to Discord in any way. This extension is primarily for personal use; a personal project if you will. This add-on only launches their web app in the sidebar.
Icons used for all my extensions are part of UXWing's collection. Take a look at their license.
Source code in this repository is available under the MIT License.