Hide Discord Sidebar

Hide Discord Servers and Channels! Installs a button that hides/shows the Discord server list and autohides the channels list.

What is Hide Discord Sidebar?

Hide Discord Sidebar is a Chrome extension developed by patrickxchong, and its main feature is "Hide Discord Servers and Channels! Installs a button that hides/shows the Discord server list and autohides the channels list.".

Extension Screenshots

screenshot
screenshot

Download Hide Discord Sidebar Extension CRX File

Download Hide Discord Sidebar extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        If you find this extension helpful, I would be grateful if you can buy me a coffee at https://ko-fi.com/patrickxchong. 🙏 

Hide Discord Sidebar is a Chrome extension that minimizes the channels list into a small left sidebar when it is not in use and installs a button on the top right corner to hide/show the Discord server list. Users are able to customise the extension with the popup that shows when the extension button is clicked.

Appreciate feedback/support in the reviews! Or email me at [email protected]. Source code can be found at https://github.com/patrickxchong/hide-discord-sidebar. 

IMPORTANT: This extension is only meant to work on Discord in Chromium based browsers. Tested and working on Windows, Mac and Linux versions of Brave Browser and Chrome.

=== Version History ===
v4.4.0 Update channel list query 
v4.3.0: improve server list query
v4.2.0: fix servers query from Discord update
v4.1.0: Proxy refresh event with onUpdated instead of webNavigation API
v4.0.1: UX improvements on client startup and server list 
v4.0.0: migrate extension to Manifest V3
v3.3.1: fixes hide/show servers button covering inbox button
v3.3: fixes autohiding channels not working after discord update
v3.2: update code to use Vanilla javascript for Firefox support
v3.1: revamp architecture to support auto initialising extension when moving from Discord non-chat page (like homepage) to chat page
v3.0: add extension popup menu to customise extension behaviour
v2.17: update extension description for SEO
v2.16: fixes extra space on the right of sidebar after discord update
v2.15: fixes hide server button not working after discord update
v2.14: set !important on some CSS properties to fix sidebar not collapsing on Edge Dev
v2.13: enable/disable extension by clicking on extension button
v2.12: changes tab permission from discordapp.com to discord.com
v2.11: fixed width of left sidebar on hover
v2.10: fixes channels issue from discord update                    

Extension Basic Information

Name Hide Discord Sidebar Hide Discord Sidebar
ID kaaohmdnmbdagpnenakakpkinddjmenp
Official URL https://chromewebstore.google.com/detail/hide-discord-sidebar/kaaohmdnmbdagpnenakakpkinddjmenp
Description Hide Discord Servers and Channels! Installs a button that hides/shows the Discord server list and autohides the channels list.
File Size 64.49 KB
Installation Count 14,648
Current Version 4.4.0
Last Updated 2023-10-27
Publish Date 2020-05-04
Rating 4.55/5 Total 108 Ratings
Developer patrickxchong
Email [email protected]
Payment Type free
Extension Website https://github.com/patrickxchong/hide-discord-sidebar
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Hide Discord Sidebar",
    "short_name": "Hide Dis Bar",
    "version": "4.4.0",
    "description": "Hide Discord Servers and Channels! Installs a button that hides\/shows the Discord server list and autohides the channels list.",
    "manifest_version": 3,
    "icons": {
        "128": "icons\/icon128-active.png"
    },
    "permissions": [
        "scripting",
        "storage"
    ],
    "host_permissions": [
        "*:\/\/*.discord.com\/*"
    ],
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_icon": "icons\/icon128-inactive.png",
        "default_popup": "popup\/popup.html"
    },
    "content_security_policy": {
        "extension_pages": "script-src 'self'; object-src 'self'"
    },
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*.discord.com\/*"
            ],
            "css": [
                "hide-discord-sidebar.css"
            ],
            "js": [
                "hide-discord-sidebar.js"
            ],
            "run_at": "document_start"
        }
    ]
}