DiscordCSS/main.css at main · PeeblyWeeb/DiscordCSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
@import url("https://raw.githubusercontent.com/PeeblyWeeb/DiscordCSS/refs/heads/main/links.css");

/* Hide "(edited)" from messages until hovered */
span:has(> time[aria-label^="Edited"]) {
  opacity: 0;
  &:hover {
    opacity: 1;
  }
}

/* Prevent re-rendering every message on scroll */
[class*="scroller_"] {
  will-change: scroll-position;
}

/* Prevent audio previews from cutting off the filename */
div[class^="wrapperAudio_"] {
  width: auto !important;
  min-width: 432px;
}

/* Blur usernames when viewing profiles until hover */
span[class^="userTagUsername__"] {
  padding: 5px;
  filter: blur(4px);
  &:hover {
    filter: blur(0px);
  }
}

/* Remove the "invite to server" button when right clicking on a user */
#user-context-invite-to-server {
  display: none;
}

/* Fix the call background looking out of place */
[class^="callContainer_"],
[class^="chat_"] > [class^="wrapper_"]:has([class^="activityPanelContainer_"]) {
  background-color: unset;
}
[class*="gradientContainer_"] {
  display: none;
}

/* Debloat the message bar */
div[aria-label="Send a gift"] {
    display: none;
}

.expression-picker-chat-input-button:has(div[aria-label="Open sticker picker"]) {
    display: none;
    size: 0px;
}

.expression-picker-chat-input-button:has(div[aria-label="Select emoji"]) {
    display: none;
    size: 0px;
}

div[class^="channelAppLauncher"] {
    display: none;
    size: 0px;
}