diff --git a/Channel&RolesRecolor.css b/Channel&RolesRecolor.css index 62c78a1..e76085d 100644 --- a/Channel&RolesRecolor.css +++ b/Channel&RolesRecolor.css @@ -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; +} \ No newline at end of file diff --git a/IconRecolors.css b/IconRecolors.css index 0424749..5c4964c 100644 --- a/IconRecolors.css +++ b/IconRecolors.css @@ -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; } \ No newline at end of file diff --git a/NSFWChannelRecolor.css b/NSFWChannelRecolor.css index 504acf8..8d13c82 100644 --- a/NSFWChannelRecolor.css +++ b/NSFWChannelRecolor.css @@ -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 ---*/ diff --git a/NSFWtag.css b/NSFWtag.css index 72e2c56..b5c48ee 100644 --- a/NSFWtag.css +++ b/NSFWtag.css @@ -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; } \ No newline at end of file diff --git a/PrivateChannelRecolor.css b/PrivateChannelRecolor.css index a0e3eb2..785cb6f 100644 --- a/PrivateChannelRecolor.css +++ b/PrivateChannelRecolor.css @@ -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; diff --git a/StageRecolor.css b/StageRecolor.css index 9eed25d..a867ae0 100644 --- a/StageRecolor.css +++ b/StageRecolor.css @@ -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; } \ No newline at end of file diff --git a/SyncedWithGameRecolor.css b/SyncedWithGameRecolor.css new file mode 100644 index 0000000..1bfadc0 --- /dev/null +++ b/SyncedWithGameRecolor.css @@ -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; +} \ No newline at end of file