#Remove the useless UI from the app homepage
1 messages · Page 1 of 1 (latest)
@neon depot @winter moat @robust sequoia btw I updated it, the initial version had a cricital flaw lol
(you couldn't get back to the friends list once you enter a DM)
use import 
I mean I could
we all have too many online "themes" anyway though
its probably terrible for startup performance
doesnt work well with betterfolders plugin
Seems a lot of stuff aren't working here
/* ----- Hide Nitro and Shop ----- */
[role="listitem"]:has([href="/store"]) {display: none}
[role="listitem"]:has([href="/shop"]) {display: none}
Yeah I don't use that lol, someone can definitely make a better version of this it's no biggie
Assuming they're always the first and second child, you could use :first-child and :nth-child(2) instead of :has()
Or second and third
Or even :nth-child(n + 2) which selects all but the first child
Might mess with this later I like the look
Add :nth-of-type(1) behind .privateChannelsHeaderContainer_c47fa9
It removes the extra space added to DMs headers besides the first
/* Remove useless tabs from app homepage */
.channel_c91bad:nth-child(2)[aria-posinset="1"] {
top: 0px;
position: fixed;
z-index: 10000;
background: var(--bg-overlay-3, var(--background-secondary));
width: 14rem;
height: 3.7rem;
}
.channel_c91bad:nth-child(2) > div {
margin-top: 13px;
width: 2.5rem;
height: 2rem;
background: var(--background-tertiary);
padding-left: 0;
margin-left: 6px;
margin-right: 0;
}
.channel_c91bad:nth-child(2) > div > a > div > div.avatar_f9647d > svg.linkButtonIcon_c91bad {
left: 5.8rem;
position: fixed;
}
.channel_c91bad:nth-child(2) > div > a > div > div.content_f9647d {
display: none;
}
.channel_c91bad:nth-child(3) {
display: none;
}
.channel_c91bad:nth-child(4) {
display: none;
}
.privateChannelsHeaderContainer_c47fa9:nth-of-type(1) {
margin-top: 48px;
padding-top: 13.5px;
height: 2rem;
margin-bottom: 10px;
}
.privateChannelsHeaderContainer_c47fa9 > .headerText_c47fa9 {
color: #b9b9b9;
}
.privateChannels_f0963d {
background: rgba(0,0,0,0) !important;
}
.searchBar_f0963d {
background: none !important;
left: 7.15rem;
z-index: 20000;
top: 4px;
box-shadow: none;
position: fixed;
}
.searchBar_f0963d > button {
visibility: hidden;
}
.searchBar_f0963d > button:after {
content: "Find/start a conversation";
visibility: visible;
display: block;
position: absolute;
border-radius: 4px;
background-color: var(--background-tertiary);
color: #dddddd;
padding-left: .5rem;
padding-right: .5rem;
line-height: 2rem;
top: 11px;
}
.listItem_c96c45:nth-child(3) {
margin-top: 11.5px;
}
/* --- */
Crazy
actually now that i think ab it this just doesn't work at all cause the friends button just unloads after scrolling far enough
Disagreed, that's great because it gives room for an additional user icon!
Use this code @toxic flame
Ehh
Mess around with the padding
And then edit the css
hmmmmm
so removing top: 4px; fixed this, but [also](#1267811367310590063 message) having issues with the folders