Fix new ugly discord design

fix-design.css

/* remove titlebar */

@supports (grid-template-columns:subgrid) and (white-space-collapse:collapse) {
    .visual-refresh .base_c48ade {
        display: grid;
        grid-template-columns: [start] min-content [guildsEnd] min-content [channelsEnd] 1fr [end];
        grid-template-rows: [titleBarEnd] min-content [noticeEnd] 1fr [end];
        grid-template-areas:
    	"guildsList notice notice"
        "guildsList channelsList page";
    }
}

[class^=bar] {
	display: none;
}

[class^=tutorialContainer] {
	margin-top: 10px;
}


/* remove download button from vesktop */

div:has(> div > div > svg > foreignObject > div[data-list-item-id="guildsnav___app-download-button"]) {
    display: none;
}


/* fix message prompt */

[class^=channelTextArea_] {
    margin-bottom: 8px;
    margin-top: 10px;
    padding: 2px 0;
}

.lottieIcon__5eb9b {
    width: 24px !important;
    height: 24px !important;
}

.spriteContainer__04eed {
    --custom-emoji-sprite-size: 24px !important;
}


/* fix timestamp button from vencord */

button[aria-label="Insert Timestamp"] .buttonWrapper__24af7 svg {
    width: 22px !important;
    height: 22px !important;
    padding-top: 2px;
}

Thanks for doing the hard part! A friend suggested swapping out lines 14-20 with

[class^=bar] {
	display: none;
}

[class^=tutorialContainer] {
	margin-top: 10px;
}

and line 32-36 with

[class^=channelTextArea_] {
    margin-bottom: 8px;
    margin-top: 10px;
    padding: 2px 0;
}

so it'll hopefully survive some updates.