Skip to content

Latest commit

 

History

History

discord-in-sidebar

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
.github/workflows
.github/workflows
 
 
src
src
 
 
README.md
README.md
 
 
manifest.json
manifest.json
 
 

README.md

discord logo Discord in Sidebar

Mozilla Add-on Add-on rating Add-on downloads Add-on users License

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.

Get the Addon

Usage

  1. Toggle the sidebar by pressing Alt+Shift+D. This shortcut can be changed by going to Add-ons → Discord in Sidebar → Options.
  2. If you prefer buttons over shortcuts, there is a toolbar button you can press to toggle the sidebar.

How to Unlock Firefox Sidebar Width

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.

Step-by-Step Instructions

  1. In a new tab, navigate to about:support.
  2. Under Application Basics, find Profile Folder.
  3. Locate and click the Open Folder button next to it. It will be next to an address similar to: %appdata%\Mozilla\Firefox\Profiles\{profile-id}.default.
  4. Inside your Firefox Profile Folder, create a new folder named: chrome.
  5. Inside the newly created chrome folder, create a new file named: userChrome.css.
  6. Copy the following code, paste as content and save:
#sidebar-box {
  max-width: 40% !important;
  min-width: 300px !important;
}
  1. Finally, in a new tab, navigate to about:config and search for toolkit.legacyUserProfileCustomizations.stylesheets and change it to true.
  2. Restart Firefox and test it out!

📝 Notes

  • You can find the canonical publication for the guide on my Blog.
  • I also have instructions in Spanish in this GitHub Gist.

⚠ Disclaimer

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.

💜 Acknowledgments

Icons used for all my extensions are part of UXWing's collection. Take a look at their license.

© License

Source code in this repository is available under the MIT License.