Merge pull request #1 from byeoon/main *(nerd)*

feat(css) added a new css script and updated readme
This commit is contained in:
Indiana Jone (Indi) 2024-06-15 18:49:55 -04:00 committed by GitHub
commit d1b2d55992
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 46 additions and 11 deletions

30
IconRecolors.css Normal file
View file

@ -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;
}

View file

@ -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.