mirror of
https://github.com/KrstlSkll69/vc-snippets.git
synced 2025-04-19 20:55:22 +02:00
Merge pull request #1 from byeoon/main *(nerd)*
feat(css) added a new css script and updated readme
This commit is contained in:
commit
d1b2d55992
2 changed files with 46 additions and 11 deletions
30
IconRecolors.css
Normal file
30
IconRecolors.css
Normal 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;
|
||||||
|
}
|
27
README.md
27
README.md
|
@ -1,9 +1,9 @@
|
||||||
# vc-css_snippets
|
# VC-css_snippets
|
||||||
|
|
||||||
1st: NSFW channel tag:
|
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.
|
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)
|
(hopfully you can tell which is which)
|
||||||
|
|
||||||

|

|
||||||
|
@ -13,9 +13,9 @@ BEFORE AND AFTER
|
||||||
----
|
----
|
||||||
|
|
||||||
2nd: NSFW Channel Recolor:
|
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)
|
(hopfully you can tell which is which)
|
||||||
|
|
||||||

|

|
||||||
|
@ -25,9 +25,9 @@ BEFORE AND AFTER
|
||||||
----
|
----
|
||||||
|
|
||||||
3rd: Private Channel Recolor:
|
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)
|
(hopfully you can tell which is which)
|
||||||
|
|
||||||

|

|
||||||
|
@ -35,12 +35,17 @@ BEFORE AND AFTER
|
||||||

|

|
||||||
|
|
||||||
----
|
----
|
||||||
4th: Channels & Roles recolor:
|
4th: Channels & Roles Recolor:
|
||||||
recolors the icon on Channel & Role tab so they are easier to see/notice
|
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)
|
(hopfully you can tell which is which)
|
||||||
|
|
||||||

|

|
||||||

|

|
||||||
|
|
||||||
|
----
|
||||||
|
5th: IconRecolors
|
||||||
|
Recolors all the icons so that you don't need 3 different snippets for it.
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue