Hide both sidebars until hover in BetterDiscord

betterdiscord_hide_sides.md

Looks

Step

1. Install BetterDiscord then go to Custom CSS

2. Copy&Paste those

:root {
    --transition-time: .3s;
}

/* member right side bar */
.container_b2ce9c {
    transition-duration: var(--transition-time);
    justify-content: unset;
    min-width: unset;
    width: 60px
}

.membersGroup__85843 {
    transition-duration: var(--transition-time);
    height: 0px;
}

.container_b2ce9c:hover .membersGroup__85843 {
    height: 40px
}

.container_b2ce9c:hover {
    width: 240px
}

/* server left side bar */
.guilds__2b93a {
    transition-duration: var(--transition-time);
    width: 10px;
}

.guilds__2b93a:hover {
    transition-duration: var(--transition-time);
    width: 70px;
}

/* channel left side bar */
.sidebar_ded4b5 {
    transition-duration: var(--transition-time);
    width: 180px;
}
.sidebar_ded4b5:hover {
    transition-duration: var(--transition-time);
    width: 250px;
}

Suggest plugins

• ChannelTabs https://betterdiscord.app/plugin/ChannelTabs
• Horizontal Server List https://betterdiscord.app/theme/Horizontal%20Server%20List

Change logs

23.12.08 Now works with the latest update