-
Notifications
You must be signed in to change notification settings - Fork 0
/
ChannelDots.css
225 lines (190 loc) · 7.75 KB
/
ChannelDots.css
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
/* colour coded channels */
div {
--ch-text: rgb(45, 207, 199);
--ch-text-limited: rgb(45, 207, 199);
--ch-text-threads: rgb(45, 207, 199);
--ch-text-nsfw: rgb(241, 71, 71);
--ch-announcements: rgb(64, 238, 186);
--ch-announcements-limited: rgb(64, 238, 186);
--ch-rules: rgb(45, 115, 207);
--ch-voice: rgb(243, 243, 89);
--ch-voice-limited: rgb(243, 243, 89);
--ch-voice-locked: #313338;
--ch-forum: rgb(221, 98, 252);
--ch-forum-limited: rgb(221, 98, 252);
--ch-stage: rgb(223, 241, 143);
--ch-unread: white;
--ch-unread-forum: white;
--ch-pinged: red;
}
.mainContent-20q_Hp [aria-label="Announcements"],
.channelName-2TeYVY [aria-label="Announcements"],
.nowrap-PdqN8z [aria-label="Announcements"]
{ background-color: var(--ch-announcements); }
.mainContent-20q_Hp [aria-label="Announcements (Limited)"],
.channelName-2TeYVY [aria-label="Announcements (Limited)"],
.nowrap-PdqN8z [aria-label="Announcements (Limited)"]
{ background-color: var(--ch-announcements-limited); }
.mainContent-20q_Hp [aria-label="Text"],
.channelName-2TeYVY [aria-label="Text"],
.nowrap-PdqN8z [aria-label="Channel"]
{ background-color: var(--ch-text) }
.mainContent-20q_Hp [aria-label="Text (Limited)"],
.channelName-2TeYVY [aria-label="Text (Limited)"],
.nowrap-PdqN8z [aria-label="Text (Limited)"]
{ background-color: var(--ch-text-limited) }
.mainContent-20q_Hp [aria-label="Text (Active Threads)"],
.channelName-2TeYVY [aria-label="Text (Active Threads)"],
.nowrap-PdqN8z [aria-label="Text (Active Threads)"]
{ background-color: var(--ch-text-threads) }
.mainContent-20q_Hp [aria-label="Text (Age-Restricted)"],
.channelName-2TeYVY [aria-label="Text (Age-Restricted)"],
.nowrap-PdqN8z [aria-label="Text (Age-Restricted)"]
{ background-color: var(--ch-text-nsfw); }
.mainContent-20q_Hp [aria-label="Voice"],
.channelName-2TeYVY [aria-label="Voice"],
.nowrap-PdqN8z [aria-label="Voice"]
{ background-color: var(--ch-voice); }
.mainContent-20q_Hp [aria-label="Voice (Limited)"],
.channelName-2TeYVY [aria-label="Voice (Limited)"],
.nowrap-PdqN8z [aria-label="Voice (Limited)"]
{ background-color: var(--ch-voice-limited); }
.mainContent-20q_Hp [aria-label="Rules"],
.channelName-2TeYVY [aria-label="Rules"],
.nowrap-PdqN8z [aria-label="Rules"]
{ background-color: var(--ch-rules); }
.mainContent-20q_Hp [aria-label="Forum"],
.channelName-2TeYVY [aria-label="Forum"],
.nowrap-PdqN8z [aria-label="Forum"]
{ background-color: var(--ch-forum); }
.mainContent-20q_Hp [aria-label="Forum (Limited)"],
.channelName-2TeYVY [aria-label="Forum (Limited)"],
.nowrap-PdqN8z [aria-label="Forum (Limited)"]
{ background-color: var(--ch-forum-limited); }
.mainContent-20q_Hp [aria-label="Stage"],
.channelName-2TeYVY [aria-label="Stage"],
.nowrap-PdqN8z [aria-label="Stage"]
{ background-color: var(--ch-stage); }
.nowrap-PdqN8z [aria-label="No Access"]
{ background-color: var(--ch-voice-locked); }
.icon-3akWb2 { background-color: var(--ch-voice); }
.mainContent-20q_Hp [aria-label="Voice (Locked)"] { background-color: var(--ch-voice-locked); }
.unread-36eUEm {
background-color: var(--ch-unread);
width: 2px;
height: 32px;
top: 0;
margin: 0px;
position: absolute;
left: 13px;
border-radius: 0;
z-index: -1;
}
.containerDefault-YUSmu3:has(.unread-36eUEm) + .containerDefault-YUSmu3 .unread-36eUEm {
height: 35px;
top: -4px;
}
.children-1MGS9G:has(.text-xs-semibold-GgBYxI) .channelInfo-3jN1ay {
background-color: var(--ch-unread-forum);
height: 32px;
width: 2px;
margin-left: -498px;
top: 0;
position: absolute;
}
.children-1MGS9G {
pointer-events: none;
transition: none !important;
}
.text-xs-semibold-GgBYxI { display: none; }
.mainContent-20q_Hp {
padding-left: 5px;
}
.mentionsBadge-3H1BKJ {
left: 3px;
margin-top: -10px;
position: absolute;
}
.mentionsBadge-3H1BKJ .numberBadge-37OJ3S {
width: 7px !important;
height: 35px !important;
padding: 0 !important;
min-width: unset;
min-height: unset;
font-weight: unset;
border-radius: unset;
background-color: var(--ch-pinged) !important;
margin-top: -9px !important;
white-space: break-word !important;
}
/* thread part */
.spineBorder-1-F4s1 {
margin-top: -18px;
margin-left: -12px;
width: 3px;
}
.spine-29OFwR {
margin-left: -9px;
transform: scale(1.5);
z-index: 1;
}
.spine-29OFwR[style^="trans"/*positivity*/] {
transform: scale(1.5) rotateX(180deg) translateY(-9px) !important;
}
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Text (Active Threads)"]) + .container-1Bj0eq .spineBorder-1-F4s1 { background-color: var(--ch-text-threads); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Text (Active Threads)"]) + .container-1Bj0eq .spine-29OFwR { color: var(--ch-text-limited); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Text (Age-Restricted)"]) + .container-1Bj0eq .spineBorder-1-F4s1 { background-color: var(--ch-text-nsfw); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Text (Age-Restricted)"]) + .container-1Bj0eq .spine-29OFwR { color: var(--ch-text-nsfw); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Rules"]) + .container-1Bj0eq .spineBorder-1-F4s1 { background-color: var(--ch-rules); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Rules"]) + .container-1Bj0eq .spine-29OFwR { color: var(--ch-rules); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Announcements (Limited)"]) + .container-1Bj0eq .spineBorder-1-F4s1 { background-color: var(--ch-announcements-limited); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Announcements (Limited)"]) + .container-1Bj0eq .spine-29OFwR { color: var(--ch-announcements-limited); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Announcements"]) + .container-1Bj0eq .spineBorder-1-F4s1 { background-color: var(--ch-announcements); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Announcements"]) + .container-1Bj0eq .spine-29OFwR { color: var(--ch-announcements); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Forum (Limited)"]) + .container-1Bj0eq .spineBorder-1-F4s1 { background-color: var(--ch-forum); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Forum (Limited)"]) + .container-1Bj0eq .spine-29OFwR { color: var(--ch-forum); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Forum"]) + .container-1Bj0eq .spineBorder-1-F4s1 { background-color: var(--ch-forum-limited); }
.containerDefault-YUSmu3:has(.iconContainer-21RCa3[aria-label="Forum"]) + .container-1Bj0eq .spine-29OFwR { color: var(--ch-forum-limited); }
/* end of thread part, jeez this lowkey took forever to figure out */
.iconContainer-21RCa3,
.icon-3akWb2,
.icon-2Ph-Lv {
width: 3px;
margin-left: -5px;
margin-top: 0px;
height: 30px !important;
position: absolute;
}
.iconContainer-21RCa3 {
height: 45px !important;
margin-left: -10px;
}
.container-1Bj0eq:has(.spine-29OFwR:not([style^="trans"/*positivity*/])) + .containerDefault-YUSmu3 .iconContainer-21RCa3 {
height: 70px !important;
}
.container-1Bj0eq:has(.spine-29OFwR:not([style^="trans"/*positivity*/])) + .containerDefault-YUSmu3 .content-1gYQeQ {
overflow: visible;
}
.container-1Bj0eq:has(.spine-29OFwR:not([style^="trans"/*positivity*/])) + .containerDefault-YUSmu3 .content-1gYQeQ:hover {
transform: scaleY(1);
}
.wrapper-NhbLHG {
padding: 0;
}
.icon-3akWb2,
.icon-2Ph-Lv {
fill-opacity: 0%;
}
svg.icon-2W8DHg,
.arrow-2HswgU.icon-3zI3d2 {
visibility: hidden;
}
.mainContent-uDGa6R[aria-expanded="false"] .overflow-1wOqNV {opacity: 50%; }
.mainContent-uDGa6R .overflow-1wOqNV {
left: 9px;
bottom: 4px;
position: absolute;
}
.content-1gYQeQ {
border-radius: 0px;
}