New Snippet, Format older snippets

This commit is contained in:
Indiana Jone (Indi) 2025-03-03 02:07:18 -05:00
parent eea19f35eb
commit bad4aa022f
7 changed files with 67 additions and 109 deletions

View file

@ -9,17 +9,9 @@
*/
/*--- Channel List Icon Recolor ---*/
[class^=icon__]:has(path[d^="M18.5 23c.88"]) path[d^="M18.5 23c.88"] {
color: var(--green-360) !important;
border: 1px solid rebeccapurple !important;
}
/*--- Channels&Roles Message bar Channels ---*/
/*--- Chat Icon Recolor ---*/
[class^=icon__] path[d^="M18.5 23c.88"] {
fill: var(--green-360) !important;
}
/*--- Channels&Roles Message bar Channels ---*/
[class^=icon__] path[d^="M18.5 23c.88" ] {
fill: var(--green-360) !important;
}
color: var(--green-360) !important;
border: 1px solid rebeccapurple !important;
}

View file

@ -8,78 +8,38 @@
* @source https://github.com/KrstlSkll69/vc-snippets?tab=readme-ov-file#6th-iconrecolors-
*/
/*--- Channel&Roles Channel List Icon Recolor ---*/
[class^=icon__]:has(path[d^="M18.5 23c.88"]) path[d^="M18.5 23c.88"] {
color: var(--green-360) !important;
border: 1px solid rebeccapurple !important;
}
/*--- Channel&Roles Chat Icon Recolor ---*/
[class^=icon__] path[d^="M18.5 23c.88"] {
fill: var(--green-360) !important;
}
/*--- Channels&Roles Message bar Channels ---*/
[class^=icon__] path[d^="M18.5 23c.88" ] {
fill: var(--green-360) !important;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*--- 'NSFW' Channel List Icon Recolor ---*/
[class^=icon__]:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] {
/*--- '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' Chat Icon Recolor ---*/
[class^=icon__] path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
}
/*--- 'NSFW' Message Bar Icon Recolor ---*/
[class^=icon__] path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
}
/*--- 'NSFW' Thread Icon Chat Icon Recolor ---*/
[class^=icon__] path[d^="M18.09 15.63c.4-.7"] {
fill: var(--status-danger-background) !important;
}
/*--- 'NSFW' Message Bar Icon Recolor ---*/
[class^=icon__] path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
}
/*--- 'NSFW' Thread Icon Message Bar Icon Recolor ---*/
[class^=icon__] path[d^="M18.09 15.63c.4-.7" ] {
fill: var(--status-danger-background) !important;
}
/*--- Commented out until internet shit enough to actually test ---*/
/*--- Ping Warning ---*
.ping_c02c63 path[d^="M18.09 14.63c.4-.7"] {
/*--- Ping Warning ---*/
[class^=ping_] path[d^="M18.09 14.63c.4-.7"] {
fill: var(--status-danger-background) !important;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*--- Lock Icon Channel List Recolor ---*/
[class^=icon__]:has(path[d^="M16 4h.5v"]) path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !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__]:has(path[d^="M16.5 18H16a1"]) path[d^="M16.5 18H16a1"] {
/*---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 ---*/
[class^=icon__] path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important;
}
/*--- Lock Icon Message Bar Channels ---*/
[class^=icon__] path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important;
@ -94,19 +54,36 @@
.vc-uvs-speaker path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*--- Channel List Outer Circle Icon Recolor ---*/
[class^=icon__]:has(path[d^="M19.61 18.25a1.08"]) path[d^="M19.61 18.25a1.08"] {
/*--- 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__]:has(path[d^="M21.92 14.08c.32"]) path[d^="M21.92 14.08c.32"]{
[class^=icon__] path[d^="M21.92 14.08c.32"]{
color: var(--blue-330) !important;
}
/*-----------------------------------------------------------------------------------------------------*/
/*--- Channel List Icon Recolor ---*/
/*--- Channels&Roles Message bar Channels ---*/
/*--- Chat Icon Recolor ---*/
[class^=icon__] path[d^="M19.61 18.25a1.08"] {
fill: var(--blue-330) !important;
[class^=icon__] path[d^="M18.5 23c.88"] {
color: var(--green-360) !important;
border: 1px solid rebeccapurple !important;
}
/*-----------------------------------------------------------------------------------------------------*/
:root{
--Custom-Color-Controller: rgb(175, 239, 165)
}
[class^=icon__] path[d^="M24 5.7c0-1.54-.2-2.66-.34-3.23C23.35"] {
fill: var(--Custom-Color-Controller) !important;
}

View file

@ -9,19 +9,11 @@
*/
/*--- 'NSFW' Channel List Icon Recolor ---*/
[class^=icon__]:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
border: 1px solid rebeccapurple !important;
}
/*--- 'NSFW' Chat Icon Recolor ---*/
[class^=icon__] path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
}
/*--- '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 ---*/

View file

@ -21,15 +21,6 @@
line-height: 16px;
margin-left: 4px;
}
/*--- Channel list Icon Recolor ---*/
.icon_d8bfb3:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
border: 1px solid rebeccapurple !important;
}
/*--------------*/
/*--- 'NSFW' Chat Label ---*/
[class*=iconWrapper_]:has([d^="M18.09 1.63"]) ~ [class*=titleWrapper_] h1::after {
content: "NSFW";
@ -44,19 +35,17 @@
margin-left: 7px;
}
/*--- Channel list Icon Recolor ---*/
/*--- Chat Icon Recolor ---*/
[class^=icon__] path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
}
/*-------------*/
/*--- 'NSFW' Message Bar Icon Recolor ---*/
[class^=icon__] path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important;
}
fill: var(--status-danger-background) !important;
border: 1px solid rebeccapurple !important;
}
/*--------------*/
/*--- Ping Warning ---*/
.ping_c02c63 path[d^="M18.09 14.63c.4-.7"] {
.ping__06d62 path[d^="M18.09 14.63c.4-.7"] {
fill: var(--status-danger-background) !important;
}

View file

@ -1,7 +1,7 @@
/**
* @name Private Channel recolor
* @author krystalskullofficial
* @description Recolors the icon for Private channels so they are easier to see/notice,
* @description Recolors the icon for Private channels so they are easier to see/notice.
* @version 5.1.0
* @authorId 929208515883569182
* @website https://krstlskll69.github.io/
@ -9,21 +9,17 @@
*/
/*---Lock Icon Channel List Recolor---*/
[class^=icon__]:has(path[d^="M16 4h.5v"]) path[d^="M16 4h.5v"] {
[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__]:has(path[d^="M16.5 18H16a1"]) path[d^="M16.5 18H16a1"] {
[class^=icon__] path[d^="M16.5 18H16a1"] {
fill : var(--yellow-200) !important;
border: 1px solid rebeccapurple !important;
}
/*--- Chat Lock Icon Recolor ---*/
[class^=icon__] path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important;
}
/*--- Lock Icon Message Bar Channels ---*/
[class^=icon__] path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important;

View file

@ -9,16 +9,12 @@
*/
/*--- Channel List Outer Circle Icon Recolor ---*/
[class^=icon__]:has(path[d^="M19.61 18.25a1.08"]) path[d^="M19.61 18.25a1.08"] {
/*--- 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__]:has(path[d^="M21.92 14.08c.32"]) path[d^="M21.92 14.08c.32"]{
[class^=icon__] path[d^="M21.92 14.08c.32"]{
color: var(--blue-330) !important;
}
/*--- Chat Icon Recolor ---*/
[class^=icon__] path[d^="M19.61 18.25a1.08"] {
fill: var(--blue-330) !important;
}

16
SyncedWithGameRecolor.css Normal file
View file

@ -0,0 +1,16 @@
/**
* @name Synced With Game Recolor
* @author krystalskullofficial
* @description Recolors the icon for Channels that are synced with games so they are easier to see/notice.
* @version 1.5.0
* @authorId 929208515883569182
* @website https://krstlskll69.github.io/
* @source
*/
:root{
--Custom-Color-Controller: rgb(175, 239, 165)
}
[class^=icon__] path[d^="M24 5.7c0-1.54-.2-2.66-.34-3.23C23.35"] {
fill: var(--Custom-Color-Controller) !important;
}