diff --git a/IconRecolors.css b/IconRecolors.css new file mode 100644 index 0000000..54015ea --- /dev/null +++ b/IconRecolors.css @@ -0,0 +1,30 @@ +/** +* @name IconRecolors +* @author krystalskullofficial (and maybe byeoon) +* @version 3.0 +* @description Recolors channel icons to make them easier to notice. +*/ + +/*--- Icon Recolor---*/ +.icon__67ab4:has(path[d^="M18.5 23c.88"]) path[d^="M18.5 23c.88"] { + color: var(--green-360) !important; + border: 1px solid rebeccapurple !important; +} + +/*---'NSFW' Icon Recolor---*/ +.icon__67ab4:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] { + fill: var(--text-danger) !important; + border: 1px solid rebeccapurple !important; +} + +/*---Lock Icon Recolor---*/ +.icon__67ab4:has(path[d^="M16 4h.5v"]) path[d^="M16 4h.5v"] { + fill: #fffaa0 !important; + border: 1px solid rebeccapurple !important; +} + +/*---Stages Icon (since they use a differnt lock for some reason)----*/ +.icon__67ab4:has(path[d^="M16.5 18H16a1"]) path[d^="M16.5 18H16a1"] { + fill : #fffaa0 !important; + border: 1px solid rebeccapurple !important; +} diff --git a/README.md b/README.md index 53b43a0..aa44465 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,9 @@ -# vc-css_snippets +# VC-css_snippets -1st: NSFW channel tag: -Adds a small RED text box, that says NSFW next to those type channels. Now also recolors the small triangle in the icon to be red. +1st: NSFW Channel Tag: +Adds a small RED text box that says NSFW next to those channels and also colors the red warning icon. -BEFORE AND AFTER +BEFORE AND AFTER: (hopfully you can tell which is which) ![beforerecoloandmarkerrNSFW](https://github.com/KrstlSkll69/vc-snippets/assets/150982280/94112463-c611-4f3e-9161-a3ed77dfb443) @@ -13,9 +13,9 @@ BEFORE AND AFTER ---- 2nd: NSFW Channel Recolor: -recolors the triangle of an 'NSFW' channel +Recolors the triangle of 'NSFW' channels. -BEFORE AND AFTER +BEFORE AND AFTER: (hopfully you can tell which is which) ![beforerecolorNSFW](https://github.com/KrstlSkll69/vc-snippets/assets/150982280/d3b57ff4-bb3d-40fa-a642-11f1741cd9a4) @@ -25,9 +25,9 @@ BEFORE AND AFTER ---- 3rd: Private Channel Recolor: -recolors the lock icon of a private channel +Recolors the lock icon of a private channel. -BEFORE AND AFTER +BEFORE AND AFTER: (hopfully you can tell which is which) ![beforerecolor](https://github.com/KrstlSkll69/vc-snippets/assets/150982280/67802ae7-e3bb-4942-bc83-3d701d1e9be0) @@ -35,12 +35,17 @@ BEFORE AND AFTER ![afterrecolor](https://github.com/KrstlSkll69/vc-snippets/assets/150982280/52dce3e0-3119-482f-9ddd-4b0056315933) ---- -4th: Channels & Roles recolor: -recolors the icon on Channel & Role tab so they are easier to see/notice +4th: Channels & Roles Recolor: +Recolors the icon on Channel & Role tab so they are easier to see/notice -BEFORE AND AFTER +BEFORE AND AFTER: (hopfully you can tell which is which) ![beforerecolorChannels Roles recolor](https://github.com/KrstlSkll69/vc-snippets/assets/150982280/add2e384-c1e4-43c6-a29c-374d3875ee4f) ![afterrecolorChannels Roles recolor](https://github.com/KrstlSkll69/vc-snippets/assets/150982280/6055801a-915b-4035-8376-e45b7cdf1417) +---- +5th: IconRecolors +Recolors all the icons so that you don't need 3 different snippets for it. + +