#Changes the server boost gradient to the
1 messages · Page 1 of 1 (latest)
ty 
that looks cute
nice! kinda matches the trans theme I made for the colorways userplugin
body {
--guild-boosting-blue: #60d0fa, #f5acba, #ffffff;
--guild-boosting-purple: #ffffff, #f5acba, #60d0fa;
}
.tadaIcon_c75f85 {
visibility: hidden;
}
.tadaIcon_c75f85::before {
content: ":transgender_flag:";
visibility: visible;
}```
a small edit, change tadaIcon for trans flag
how do I make it override my theme? i tried making it an online theme and putting it over the other one, I tried putting the other one in quickCSS but it no work :c
Improved on it and made so it doesn't break in the future
[class^="progressBarContainer_"] [class^="progressBar_"]:after {
content: "";
background: url("https://canary.discord.com/assets/f59a936c56145967be44.svg");
background-size: contain;
width: 14px !important;
height: 15px !important;
position: absolute;
right: -12px;
top: -5px;
}
[class^="progressBarContainer_"] [class^="tadaIcon_"] {
display: none;
}
all the bad reactions are just haters LMAO 🔥
amen sister
looks like it breaks the perk preview because why wouldn't it
at first i thought it was just discord being broken but then the cogwheels in my brain actually started to turn and i realized it was because of the snippet
this seems like a good break (/joke)
i agree tbh, it's a shame the text isn't readable anymore tho
There is probably a way to force the text to be black. I can look into it later on. if no one else does/wants to.
okai let me know what you think about this
[class*=tierCardListItem_]{
color: #000000 !important;
}
[class*=tierCardHeading_]{
color: #000000 !important;
}
[class*=tierCardBoostRequirement_] {
color: #000000 !important;
}
[class*=tierCardCurrentTier_]{
color: #000000 !important;
}
[class*=recommendedTierHighlightTag_]{
color: #000000 !important;
}
^ prolly a better way to do that but that what i cooked in like 10mins soo...
yoooooo
i'm not at my pc but i'll test when i get there
okai ping me when do then :3
i can die happy now my favorite css snippet works perfectly
okai good
Let me know if if you find any problems
sure have another one :>
horror ok i’ll look later
(i just saw this btw)
okai so that [class*=] is such a commonly used one that the only way I can do this is by doing it this way, even though I’m much prefer not to since I don’t know how often those hashes actually change
.heading_d1fdce{
color: #000000 !important;
}
noticed that too, it sucks but at least it works
body {
--guild-boosting-blue: #60d0fa, #f5acba, #ffffff;
--guild-boosting-purple: #ffffff, #f5acba, #60d0fa;
}
[class^="progressBarContainer_"] [class^="progressBar_"]::after {
content: "";
background: url("https://canary.discord.com/assets/f59a936c56145967be44.svg");
background-size: contain;
width: 14px;
height: 15px;
position: absolute;
right: -12px;
top: -5px;
}
[class^="progressBarContainer_"] [class^="tadaIcon_"] {
display: none;
}
[class*="tierCardListItem_"],
[class*="tierCardHeading_"],
[class*="tierCardBoostRequirement_"],
[class*="tierCardCurrentTier_"],
[class*="recommendedTierHighlightTag_"],
.heading_d1fdce {
color: #000 !important;
}
how to remove the boost bar completely ?
/*boost graident change*/
body {
--guild-boosting-blue: #FF0000, #FF7F00, #ffff22, #35ff1a!important;
--guild-boosting-purple: #00ffff, #6161ff, #4d39ff, #a639ff!important;
}
[class*="tierCardListItem_"],
[class*="tierCardHeading_"],
[class*="tierCardBoostRequirement_"],
[class*="tierCardCurrentTier_"],
[class*="recommendedTierHighlightTag_"],
.heading_d1fdce {
color: #000 !important;
}
[class*="recommendedTierHighlight__"]:before{border-color: #4d39ff !important;}
[class*="recommendedTierHighlight__"]:after{border-color: #ff0000 !important;}
[class*="innerWrapper_"]:after{border-color: #00ffff !important;}
[class*="innerWrapper_"]:before{border-color: #35ff1a !important;}
[class^="progressBarContainer_"] [class^="progressBar_"]::after {
content: "";
background: url("https://discord.com/assets/43c4377ffbafe2da.svg");
background-size: contain;
width: 14px;
height: 15px;
position: absolute;
right: -12px;
top: -5px;
}
[class^="progressBarContainer_"] [class^="tadaIcon_"] {
display: none;
}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
This no longer affects the gradient boost since they changed it. But it still affects other things.
is there a way to make this effect the new bar?
probably but im too lazy rn to try
