Discord-Css-Snippets/IconRecolors.css
2025-04-05 21:07:03 -04:00

129 lines
No EOL
4.1 KiB
CSS

/**
* @name IconRecolors
* @author krystalskullofficial, byeoon
* @description Recolors channel icons to make them easier to notice.
* @version 6.2.5
* @authorId 929208515883569182
* @website https://krstlskll69.github.io/
* @source https://github.com/KrstlSkll69/vc-snippets?tab=readme-ov-file#6th-iconrecolors-
*/
/*--- 'NSFW' Channel List Icon Recolor ---*/
/*--- 'NSFW' Chat Icon Recolor ---*/
/*--- 'NSFW' Message Bar Icon Recolor ---*/
[class^=icon__] path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
border: 1px solid rebeccapurple !important;
}
/*--- 'NSFW' Thread Icon Message Bar Icon Recolor ---*/
[class^=icon__] path[d^="M18.09 15.63c.4-.7" ] {
fill: var(--status-danger-background) !important;
}
/*--- Stupid Ahh channel search icon ---*/
[class^=searchResultChannelIcon__] path[d^="M18.09 1.63c.4-.7 1.43-.7" ] {
fill: var(--status-danger-background) !important;
}
/*--- Ping Warning ---*/
[class^=ping_] path[d^="M18.09 14.63c.4-.7"] {
fill: var(--status-danger-background) !important;
}
/*--------------*/
[class^=contents__] path[d^=" M-10,10 C-10,10 10,-10 10,-10" ] {
stroke: var(--status-danger-background) !important ;
}
/*-----------------------------------------------------------------------------------------------------*/
/*---Lock Icon Channel List Recolor---*/
[class^=icon__] path[d^="M16 4h.5v"] {
fill: var(--yellow-200)!important;
border: 1px solid rebeccapurple !important; }
/*---Stages Lock Icon Channel List Recolor (since they use a differnt lock for some reason)----*/
[class^=icon__] path[d^="M16.5 18H16a1"] {
fill : var(--yellow-200) !important;
border: 1px solid rebeccapurple !important;
}
/*--- Chat Lock Icon Recolor ---*/
/*--- Lock Icon Message Bar Channels ---*/
[class^=icon__] path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important;
}
/*--- Lock Thread Icon Message Bar Icon Recolor ---*/
[class^=icon__] path[d^="M16 18h.5v"] {
fill: var(--yellow-200) !important;
}
/*--- Stupid Ahh channel search icon ---*/
[class^=searchResultChannelIcon__] path[d^="M16 4h.5v-.5a2.5 2.5 0 0 1 5" ] {
fill: var(--yellow-200) !important;
}
/*--- Stupid Ahh channel search icon(For stages) ---*/
[class^=searchResultChannelIcon__] path[d^="M16.5 18H16a1 1 0 0 0-1" ] {
fill: var(--yellow-200) !important;
}
/*--- Vencord's UserVoiceShow Icon Recolor ---*/
.vc-uvs-speaker path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important;
}
/*-----------------------------------------------------------------------------------------------------*/
/*--- Channel List Outer Circle Icon Recolor ---*/
/*--- Chat Icon Recolor ---*/
[class^=icon__] path[d^="M19.61 18.25a1.08"] {
color: var(--blue-330) !important;
}
/*--- Channel List Outer Circle Icon Recolor(Locked Stage) ---*/
[class^=icon__] path[d^="M21.92 14.08c.32"]{
color: var(--blue-330) !important;
}
/*--- Stupid Ahh channel search icon ---*/
[class^=searchResultChannelIcon__] path[d^="M19.61 18.25a1.08 1.08 0 0 1-.07-1.33" ] {
fill: var(--blue-330) !important;
}
/*--- Stupid Ahh channel search icon(Locked Stage) ---*/
[class^=searchResultChannelIcon__] path[d^="M21.92 14.08c.32.27.86.15.93-.26A11" ] {
fill: var(--blue-330) !important;
}
/*-----------------------------------------------------------------------------------------------------*/
/*--- Channel List Icon Recolor ---*/
/*--- Channels&Roles Message bar Channels ---*/
/*--- Chat Icon Recolor ---*/
[class^=icon__] path[d^="M18.5 23c.88"] {
color: var(--green-360) !important;
border: 1px solid rebeccapurple !important;
}
/*-----------------------------------------------------------------------------------------------------*/
/*
* TODO: Find a built in Discord Var for this, instead of making my own.
* SRC: https://docs.betterdiscord.app/discord/variables
*/
:root{
--Custom-Color-Controller: oklch(89.08% 0.1185 141.18)
}
[class^=icon__] path[d^="M24 5.7c0-1.54-.2-2.66-.34-3.23C23.35"] {
fill: var(--Custom-Color-Controller) !important;
}
/*--- Stupid Ahh channel search icon ---*/
[class^=searchResultChannelIcon__] path[d^="M24 5.7c0-1.54-.2-2.66-.34-3.23C23.35" ] {
fill: var(--Custom-Color-Controller) !important;
}