Remove the top layout, the ads tabs and the bottom margin of text area on new Discord UI
No Header, Fixed Bottom Margin, No Sponsor by Atlantis
Details
AuthorAtlantis
LicenseMIT
Categorydiscord
Created
Updated
Code size1.3 kB
Code checksum4d24b5c
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Thanks for the Reviews, I originally created this skin for myself (10 lines of code ^^), and I didn’t think it would be useful to so many people ^^.
Feel free to leave a comment or let me know if you encounter any bugs. I will be very attentive to your feedback. Have a great day!
Source code
/* ==UserStyle==
@name No_Header_Discord_Pub
@namespace noheaderdiscordpub
@version 1.1.0
@description Remove the ad tabs and the top layout on Discord.
@author Atlantis
@license MIT
==/UserStyle== */
@-moz-document url-prefix("https://discord.com/") {
/*redifine layout grid - hide header*/
.visual-refresh [class^="base_"] {
grid-template-rows: [top] 0px [titleBarEnd] min-content [noticeEnd] 1fr [end];
}
/*disable header discord info for change position of inbox*/
[class^="trailing_"] > a {
display: none;
}
/*replace inbox*/
/*(i need change after check) [class^="title_"] { */
.visual-refresh [class^="base_"] > [class^="content_"] {
z-index: 0;
}
[class^="upperContainer__"] {
width: calc(100% - 40px);
}
[class^="bar_"] {
top: 5px;
}
/*padding top left menu*/
.visual-refresh [class*=" guilds_"]:nth-of-type(1) {
padding-top: 10px;
}
/*reduce margin-bottom text area*/
[class^="channelTextArea_"] {
margin-bottom: 10px;
}
/*sponso (optional)*/
/*(i need change after check) .app-launcher-entrypoint { */
.app-launcher-entrypoint.buttonContainer_e6e74f {
display: none;
}
}