KrstlSkll69/Discord-Css-Snippets
1
0
Fork 0
mirror of https://github.com/KrstlSkll69/vc-snippets.git synced 2025-04-19 20:55:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix formatting, added a new Place to recolor

Browse source
This commit is contained in:
Indiana Jone (Indi) 2024-07-14 16:02:46 -04:00
parent be7338aac0
commit 1351f5d6b1
5 changed files with 50 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
Channel&RolesRecolor.css
View file

@ -20,3 +20,8 @@
.icon_e44302 path[d^="M18.5 23c.88"] { .icon_e44302 path[d^="M18.5 23c.88"] {
fill: var(--green-360) !important; fill: var(--green-360) !important;
} }
/*--- Message bar Channels ---*/
.icon_f23da8 path[d^="M18.5 23c.88" ] {
fill: var(--green-360) !important;
}

23
IconRecolors.css
View file

@ -5,7 +5,7 @@
* @description Recolors channel icons to make them easier to notice. * @description Recolors channel icons to make them easier to notice.
*/ */
/*--- Channel&Roles Channel List Icon Recolor---*/ /*--- Channel&Roles Channel List Icon Recolor ---*/
.icon_d8bfb3:has(path[d^="M18.5 23c.88"]) path[d^="M18.5 23c.88"] { .icon_d8bfb3:has(path[d^="M18.5 23c.88"]) path[d^="M18.5 23c.88"] {
color: var(--green-360) !important; color: var(--green-360) !important;
border: 1px solid rebeccapurple !important; border: 1px solid rebeccapurple !important;
@ -21,9 +21,14 @@
fill: var(--green-360) !important; fill: var(--green-360) !important;
} }
/*--- Channels&Roles Message Bar Icon Recolor ---*/
.icon_f23da8 path[d^="M18.5 23c.88" ] {
fill: var(--green-360) !important;
}
/*-------------------------------------------*/ /*-------------------------------------------*/
/*--- 'NSFW' Channel List Icon Recolor---*/ /*--- 'NSFW' Channel List Icon Recolor ---*/
.icon_d8bfb3:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] { .icon_d8bfb3:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important; fill: var(--status-danger-background) !important;
border: 1px solid rebeccapurple !important; border: 1px solid rebeccapurple !important;
@ -37,14 +42,19 @@
.icon_e44302 path[d^="M18.09 1.63"] { .icon_e44302 path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important; fill: var(--status-danger-background) !important;
} }
/*--- 'NSFW' Message Bar Icon Recolor ---*/
.icon_f23da8 path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
}
/*-------------------------------------------*/ /*-------------------------------------------*/
/*---Lock Icon Channel List Recolor---*/ /*--- Lock Icon Channel List Recolor ---*/
.icon_d8bfb3:has(path[d^="M16 4h.5v"]) path[d^="M16 4h.5v"] { .icon_d8bfb3:has(path[d^="M16 4h.5v"]) path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important; fill: var(--yellow-200) !important;
border: 1px solid rebeccapurple !important; } border: 1px solid rebeccapurple !important; }
/*---Stages Lock Icon Channel List Recolor (since they use a differnt lock for some reason)----*/ /*--- Stages Lock Icon Channel List Recolor (since they use a differnt lock for some reason) ----*/
.icon_d8bfb3:has(path[d^="M16.5 18H16a1"]) path[d^="M16.5 18H16a1"] { .icon_d8bfb3:has(path[d^="M16.5 18H16a1"]) path[d^="M16.5 18H16a1"] {
fill : var(--yellow-200) !important; fill : var(--yellow-200) !important;
border: 1px solid rebeccapurple !important; border: 1px solid rebeccapurple !important;
@ -59,3 +69,8 @@
.icon_e44302 path[d^="M16 4h.5v"] { .icon_e44302 path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important; fill: var(--yellow-200) !important;
} }
/*--- Message bar Channels ---*/
.icon_f23da8 path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important;
}

11
NSFWChannelRecolor.css
View file

@ -5,18 +5,23 @@
* @description recolors the icon for 'NFSW' channels so they are easier to see/notice * @description recolors the icon for 'NFSW' channels so they are easier to see/notice
*/ */
/*---'NSFW' Channel List Icon Recolor---*/ /*--- 'NSFW' Channel List Icon Recolor ---*/
.icon_d8bfb3:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] { .icon_d8bfb3:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important; fill: var(--status-danger-background) !important;
border: 1px solid rebeccapurple !important; border: 1px solid rebeccapurple !important;
} }
/*--- Chat Icon Recolor ---*/ /*--- 'NSFW' Chat Icon Recolor ---*/
.icon_fc4f04 path[d^="M18.09 1.63"] { .icon_fc4f04 path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important; fill: var(--status-danger-background) !important;
} }
/*--- Chat (older) Icon Recolor ---*/ /*--- 'NSFW' Chat (older) Icon Recolor ---*/
.icon_e44302 path[d^="M18.09 1.63"] { .icon_e44302 path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important; fill: var(--status-danger-background) !important;
} }
/*--- 'NSFW' Message Bar Icon Recolor ---*/
.icon_f23da8 path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
}

13
NSFWtag.css
View file

@ -7,7 +7,7 @@
/*note: you must have the redesign icon experiment disabled for this too work*/ /*note: you must have the redesign icon experiment disabled for this too work*/
/*---Channel list 'NSFW' Label---*/ /*--- Channel list 'NSFW' Label ---*/
[class*=linkTop_]:has([class*=iconContainer_] [d^="M18.09 1.63"]) > [class*=children_]::after { [class*=linkTop_]:has([class*=iconContainer_] [d^="M18.09 1.63"]) > [class*=children_]::after {
content: "NSFW"; content: "NSFW";
background: var(--status-danger-background); background: var(--status-danger-background);
@ -21,7 +21,7 @@
margin-left: 4px; margin-left: 4px;
} }
/*---Channel list Icon Recolor---*/ /*--- Channel list Icon Recolor ---*/
.icon_d8bfb3:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] { .icon_d8bfb3:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important; fill: var(--status-danger-background) !important;
border: 1px solid rebeccapurple !important; border: 1px solid rebeccapurple !important;
@ -29,7 +29,7 @@
/*--------------*/ /*--------------*/
/*---'NSFW' Chat List Label---*/ /*--- 'NSFW' Chat Label ---*/
[class*=iconWrapper_]:has([d^="M18.09 1.63"]) ~ [class*=titleWrapper_] h1::after { [class*=iconWrapper_]:has([d^="M18.09 1.63"]) ~ [class*=titleWrapper_] h1::after {
content: "NSFW"; content: "NSFW";
background: var(--status-danger-background); background: var(--status-danger-background);
@ -52,3 +52,10 @@
.icon_e44302 path[d^="M18.09 1.63"] { .icon_e44302 path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important; fill: var(--status-danger-background) !important;
} }
/*-------------*/
/*--- 'NSFW' Message Bar Icon Recolor ---*/
.icon_f23da8 path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
}

6
PrivateChannelRecolor.css
View file

@ -25,3 +25,9 @@
.icon_e44302 path[d^="M16 4h.5v"] { .icon_e44302 path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important; fill: var(--yellow-200) !important;
} }
/*--- Message bar Channels ---*/
.icon_f23da8 path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important;
}