#Remove the useless UI from the app homepage

1 messages · Page 1 of 1 (latest)

grand mortar
#

@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)

calm river
#

use import trolley

grand mortar
#

I mean I could

#

we all have too many online "themes" anyway though

#

its probably terrible for startup performance

robust sequoia
#

doesnt work well with betterfolders plugin

winter moat
shadow galleon
#
/* ----- Hide Nitro and Shop ----- */
 [role="listitem"]:has([href="/store"]) {display: none} 
 [role="listitem"]:has([href="/shop"]) {display: none}
grand mortar
winter moat
#

Or second and third

#

Or even :nth-child(n + 2) which selects all but the first child

heady flume
#

Might mess with this later I like the look

nocturne spade
#

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;
}
/* --- */
nocturne spade
#

Crazy

heady flume
#

actually now that i think ab it this just doesn't work at all cause the friends button just unloads after scrolling far enough

nocturne spade
#

Disagreed, that's great because it gives room for an additional user icon!

toxic flame
#

is there a way to fix this or no

#

im guessing turning off pins?

nocturne spade
#

Ehh

#

Mess around with the padding

#

And then edit the css

toxic flame
#

alright

#

thanks

nocturne spade
#

ofc!

#

CTRL SHIFT I is helpful here

lapis stone
plush pewter