KrstlSkll69/Discord-Css-Snippets
1
0
Fork 0
mirror of https://github.com/KrstlSkll69/vc-snippets.git synced 2025-04-19 20:55:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

added stage recolor, added new 'Nsfw' Icon

Browse source
This commit is contained in:
Indiana Jone (Indi) 2024-07-16 12:46:36 -04:00
parent 0928388f4a
commit 7197840d71
4 changed files with 73 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
IconRecolors.css
View file

@ -26,7 +26,7 @@
fill: var(--green-360) !important; fill: var(--green-360) !important;
} }
/*-------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------*/
/*--- 'NSFW' Channel List Icon Recolor ---*/ /*--- 'NSFW' Channel List Icon Recolor ---*/
.icon_d8bfb3:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] { .icon_d8bfb3:has(path[d^="M18.09 1.63"]) path[d^="M18.09 1.63"] {
@ -47,7 +47,13 @@
.icon_f23da8 path[d^="M18.09 1.63"] { .icon_f23da8 path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important; fill: var(--status-danger-background) !important;
} }
/*-------------------------------------------*/
/*--- Werid 'NSFW' Thread Icon Message Bar Icon Recolor ---*/
.icon_f23da8 path[d^="M18.09 15.63c.4-.7" ] {
fill: var(--status-danger-background) !important;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*--- Lock Icon Channel List Recolor ---*/ /*--- Lock Icon Channel List Recolor ---*/
.icon_d8bfb3:has(path[d^="M16 4h.5v"]) path[d^="M16 4h.5v"] { .icon_d8bfb3:has(path[d^="M16 4h.5v"]) path[d^="M16 4h.5v"] {
@ -73,4 +79,21 @@
/*--- Message bar Channels ---*/ /*--- Message bar Channels ---*/
.icon_f23da8 path[d^="M16 4h.5v"] { .icon_f23da8 path[d^="M16 4h.5v"] {
fill: var(--yellow-200) !important; fill: var(--yellow-200) !important;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*--- Channel List Outer Circle Icon Recolor ---*/
.icon_d8bfb3:has(path[d^="M19.61 18.25a1.08"]) path[d^="M19.61 18.25a1.08"] {
color: var(--blue-330) !important;
}
/*--- Channel List Outer Circle Icon Recolor(Locked Stage) ---*/
.icon_d8bfb3:has(path[d^="M21.92 14.08c.32"]) path[d^="M21.92 14.08c.32"]{
color: var(--blue-330) !important;
}
/*--- Chat Icon Recolor ---*/
.icon_fc4f04 path[d^="M19.61 18.25a1.08"] {
fill: var(--blue-330) !important;
} }

7
NSFWChannelRecolor.css
View file

@ -24,4 +24,9 @@
/*--- 'NSFW' Message Bar Icon Recolor ---*/ /*--- 'NSFW' Message Bar Icon Recolor ---*/
.icon_f23da8 path[d^="M18.09 1.63"] { .icon_f23da8 path[d^="M18.09 1.63"] {
fill: var(--status-danger-background) !important; fill: var(--status-danger-background) !important;
} }
/*--- Werid 'NSFW' Thread Icon Message Bar Icon Recolor ---*/
.icon_f23da8 path[d^="M18.09 15.63c.4-.7" ] {
fill: var(--status-danger-background) !important;
}

32
README.md
View file

@ -6,8 +6,7 @@ Important -
2. As per a request 'NSFW' Label now appears that top of chat 2. As per a request 'NSFW' Label now appears that top of chat
3. There is no icon diff for a stage marked 'NSFW' on desktop so those arnt labeled *(until i find a way to label them)* 3. There is no icon diff for a stage marked 'NSFW' on desktop so those arnt labeled *(until i find a way to label them)*
4. People have been asking for this on Vendetta/Pyoncord(Bunny) and for those people id like to point you too [NexxUtils](https://bunny.nexpid.xyz/nexxutils/) 4. People have been asking for this on Vendetta/Pyoncord(Bunny) and for those people id like to point you too [NexxUtils](https://bunny.nexpid.xyz/nexxutils/)
- About Enmity - About Enmity - I dont know about nor do i care about Enmity
I dont know about nor do i care about Enmity *(If you do and this exist for it feel free to open a issue an tell me then ill add it here
---- ----
@ -17,8 +16,8 @@ Adds a small RED text box that says NSFW next to those channels and also colors
BEFORE AND AFTER: BEFORE AND AFTER:
(hopfully you can tell which is which) (hopfully you can tell which is which)
![beforerecoloandmarkerrNSFW](https://cdn.nest.rip/uploads/0a42a8f3-3bfb-4ce0-95f9-0cd59ec5ae32.png) ![before-recoloandmarkerNSFW](https://cdn.nest.rip/uploads/0a42a8f3-3bfb-4ce0-95f9-0cd59ec5ae32.png)
![afterrecoloandmarkerrNSFW](https://cdn.nest.rip/uploads/591db449-e2ab-4376-95b9-a10b2d1a4a90.png) ![after-recoloandmarkerrNSFW](https://cdn.nest.rip/uploads/591db449-e2ab-4376-95b9-a10b2d1a4a90.png)
---- ----
@ -29,8 +28,8 @@ 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)
![beforerecolorNSFW](https://github.com/KrstlSkll69/vc-snippets/assets/150982280/d3b57ff4-bb3d-40fa-a642-11f1741cd9a4) ![before-recolorNSFW](https://github.com/KrstlSkll69/vc-snippets/assets/150982280/d3b57ff4-bb3d-40fa-a642-11f1741cd9a4)
![afterrecolorNSFW](https://cdn.nest.rip/uploads/0b99386d-180c-41a1-bca6-722150077f3d.png) ![after-recolorNSFW](https://cdn.nest.rip/uploads/0b99386d-180c-41a1-bca6-722150077f3d.png)
---- ----
@ -41,8 +40,8 @@ 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)
![beforerecolor](https://cdn.nest.rip/uploads/0f153f1c-b5cb-4197-a118-4f51ced76805.png) ![before-recolor](https://cdn.nest.rip/uploads/0f153f1c-b5cb-4197-a118-4f51ced76805.png)
![afterrecolor](https://cdn.nest.rip/uploads/31c36485-10ab-497b-82a0-b6f0e609e9af.png) ![after-recolor](https://cdn.nest.rip/uploads/31c36485-10ab-497b-82a0-b6f0e609e9af.png)
---- ----
@ -52,12 +51,23 @@ 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)
![beforerecolorChannels Roles recolor](https://cdn.nest.rip/uploads/d3102314-0165-409e-9da5-7888747f0a58.png) ![before-recolor](https://cdn.nest.rip/uploads/d3102314-0165-409e-9da5-7888747f0a58.png)
![afterrecolorChannels Roles recolor](https://cdn.nest.rip/uploads/b6ff195c-b757-4bc2-bada-57d4936bae0a.png) ![after-recolor](https://cdn.nest.rip/uploads/b6ff195c-b757-4bc2-bada-57d4936bae0a.png)
---- ----
5th: IconRecolors 5th: Channels & Roles Recolor:
Recolors the icon For Stages so they are easier to see/notice
BEFORE AND AFTER:
(hopfully you can tell which is which)
![beforerecolor](https://cdn.nest.rip/uploads/b3b4db64-7c8b-47bf-9a5e-6bcbea092b5d.png)
![afterrecolor](https://cdn.nest.rip/uploads/5c52b00f-d678-41e7-b6e9-f18a7bcbaa38.png)
----
6th: IconRecolors
Recolors all the icons so that you don't need 3 different snippets for it. Recolors all the icons so that you don't need 3 different snippets for it.
---- ----

21
StageRecolor.css Normal file
View file

@ -0,0 +1,21 @@
/**
* @name Stage Recolor
* @author KrystalSkullOfficial
* @version 5.0
* @description recolors the icon for stages so they are easier to see/notice
*/
/*--- Channel List Outer Circle Icon Recolor ---*/
.icon_d8bfb3:has(path[d^="M19.61 18.25a1.08"]) path[d^="M19.61 18.25a1.08"] {
color: var(--blue-330) !important;
}
/*--- Channel List Outer Circle Icon Recolor(Locked Stage) ---*/
.icon_d8bfb3:has(path[d^="M21.92 14.08c.32"]) path[d^="M21.92 14.08c.32"]{
color: var(--blue-330) !important;
}
/*--- Chat Icon Recolor ---*/
.icon_fc4f04 path[d^="M19.61 18.25a1.08"] {
fill: var(--blue-330) !important;
}