Discord-Css-Snippets/README.md
2025-03-06 17:37:41 -05:00

277 lines
8.5 KiB
Markdown

# VC-css_snippets
# These CSS Snippets were built to work with Vencord, so I am unsure if they will work with other client mods.
### git.gay mirror: https://git.gay/KrstlSkll69/vc-snippets
Important -
1. As a native english speaker these snippets were and are developed with that language, I cant not guarantee that they will work with any-other language
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)*
4. I have seen and have different install of Discord to play around on the `Desktop Visual Refresh` for discord but due to the fact that they are still heavily making changes to it. Im going to wait until this actually comes out to update my snippets for it... Soo they might work or they might not work
5. MaxWell is joke snippet ~ cant not guarantee that he wont actually steal your soul
----
#### 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:
(hopfully you can tell which is which)
![before-recoloandmarkerNSFW](https://cdn.nest.rip/uploads/0a42a8f3-3bfb-4ce0-95f9-0cd59ec5ae32.png)
![after-recoloandmarkerrNSFW](https://cdn.nest.rip/uploads/591db449-e2ab-4376-95b9-a10b2d1a4a90.png)
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/NSFWtag.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/NSFWtag.css
```
----
#### 2nd: NSFW Channel Recolor ~
Recolors the triangle of 'NSFW' channels.
BEFORE AND AFTER:
(hopfully you can tell which is which)
![before-recolorNSFW](https://github.com/KrstlSkll69/vc-snippets/assets/150982280/d3b57ff4-bb3d-40fa-a642-11f1741cd9a4)
![after-recolorNSFW](https://cdn.nest.rip/uploads/0b99386d-180c-41a1-bca6-722150077f3d.png)
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/NSFWChannelRecolor.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/NSFWChannelRecolor.css
```
----
#### 3rd: Private Channel Recolor ~
Recolors the lock icon of a private channel.
BEFORE AND AFTER:
(hopfully you can tell which is which)
![before-recolor](https://cdn.nest.rip/uploads/0f153f1c-b5cb-4197-a118-4f51ced76805.png)
![after-recolor](https://cdn.nest.rip/uploads/31c36485-10ab-497b-82a0-b6f0e609e9af.png)
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/PrivateChannelRecolor.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/PrivateChannelRecolor.css
```
----
#### 4th: Channels & Roles Recolor ~
Recolors the icon on Channel & Role tab so they are easier to see/notice
BEFORE AND AFTER:
(hopfully you can tell which is which)
![before-recolor](https://cdn.nest.rip/uploads/d3102314-0165-409e-9da5-7888747f0a58.png)
![after-recolor](https://cdn.nest.rip/uploads/b6ff195c-b757-4bc2-bada-57d4936bae0a.png)
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/Channel&RolesRecolor.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/Channel%26RolesRecolor.css
```
----
#### 5th: Stage Icon 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)
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/StageRecolor.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/StageRecolor.css
```
----
#### 6th: IconRecolors ~
Recolors all the icons so that you don't need 4 different snippets for it.
*(doesnt include 'Nsfw' tag)*
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/IconRecolors.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/IconRecolors.css
```
----
#### 7th: ShowBoth@andStatus ~ This Snippet shows both your discord username and status at the same time
BEFORE AND AFTER:
(hopfully you can tell which is which)
![Before](https://cdn.nest.rip/uploads/6ef16d0d-ddfa-4531-8b49-7a753b1be8c4.png) </b>
![After](https://cdn.nest.rip/uploads/13ad9c29-91bd-4394-b7c0-e4938d45b4b0.png)
</br>
⚠️-- The discriminator is tied to a custom variable *(This is not included by default)* --⚠️
```css
:root{
--Discriminator-ShowBoth: "#--!!Enter 4 custom numbers here!!--"
}
```
</br>
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/OtherStuff/ViewBoth.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/ViewBoth.css
```
----
#### 8th: "Add Friends" tab recolour ~ Recolours the "Add Friend" tab so it matchs with the tabs
_Note: this snippet requires Vencord's ["ThemeAttributes"](https://vencord.dev/plugins/ThemeAttributes) plugin_
BEFORE AND AFTER:
(hopfully you can tell which is which) </br>
![BeforeRecolor](https://cdn.nest.rip/uploads/c46e1af2-cb5d-4214-9418-dd6e08ed2bf9.png)
![AfterRecolor](https://cdn.nest.rip/uploads/c4a990a2-c5ec-4c9e-89c4-18e2675bc39e.png)
BEFORE AND AFTER _while tab is selected_:
(Hopfully you can tell which is which) </br>
![BeforeRecolorWhileTabSelected](https://cdn.nest.rip/uploads/d4a09457-9be9-43e3-a405-a549b8ea88e5.png)
![AfterRecolorWhileTabSelected](https://cdn.nest.rip/uploads/ffb0d9ab-eb95-4cec-b79e-ea9f8a7f7d7d.png)
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/OtherStuff/RecolorAddFriendsTab.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/RecolorAddFriendsTab.css
```
----
#### 9th: hidePinDiscovery ~ Hides the new pinned Discovery Icon
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/OtherStuff/hideGlobalDiscovery.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/hideGlobalDiscovery.css
```
---
#### 10th: cat (it watches your soul) ~
_Note: this snippet requires Vencord's ["ThemeAttributes"](https://vencord.dev/plugins/ThemeAttributes) plugin_
![MaxWell](https://cdn.nest.rip/uploads/06a43131-f624-4209-8589-08c782ac31d2.png)
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/OtherStuff/Maxwell.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/Maxwell.css
```
---
#### 11th: Better Social Links (fork) ~
- Discord's social links ~
![LogoutLink](https://cdn.nest.rip/uploads/e458dbc2-2ebc-403e-91ed-198c850322d6.png)
This snippet also changes the twitter X, back into the bird
- Discord connect accounts
![connectedAccounts](https://cdn.nest.rip/uploads/7cecb19b-3e29-4657-b13f-f6cd73612f12.png)
- Vencord's [ShowConnections](https://vencord.dev/plugins/ShowConnections)
![ShowConnections](https://cdn.nest.rip/uploads/d01261c5-9de8-4caa-9451-fa55eaa48da4.png)
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/OtherStuff/better-social-links.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/better-social-links.css
```
---
#### 12th: Swap Mic and Deafen Icon ~
BEFORE AND AFTER:
(hopfully you can tell which is which)
![Before](https://cdn.nest.rip/uploads/5bfa6a84-e80d-42c8-a433-1a7a5083c457.png)
![After](https://cdn.nest.rip/uploads/13ad9c29-91bd-4394-b7c0-e4938d45b4b0.png)
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/OtherStuff/swapMicDeafen.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/swapMicDeafen.css
```
---
#### 13th: Synced With Game Recolor ~
BEFORE AND AFTER:
(hopfully you can tell which is which)
![Before](https://cdn.nest.rip/uploads/5a126a41-b11f-47cf-83a5-a7050bf47916.png)
![After](https://cdn.nest.rip/uploads/7c56c72d-beef-43d6-8be6-16e5acc971d8.png)
git.gay:
```
https://git.gay/KrstlSkll69/vc-snippets/raw/branch/main/SyncedWithGameRecolor.css
```
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/SyncedWithGameRecolor.css
```
---
## Star History
[![Star History Chart](https://api.star-history.com/svg?repos=KrstlSkll69/vc-snippets&type=Timeline)](https://star-history.com/#KrstlSkll69/vc-snippets&Timeline)
---
Disclaimer: While yes my CSS snippets are in [Faf4's ThemeLibrary](https://github.com/Faf4a/ThemeLibrary) they use `@imports` that lead here, so i cant guarantee no problems/issues with the
CreativeCommon Canonical URL https://creativecommons.org/licenses/by-nc-nd/4.0/ </br>
`SPDX-License-Identifier: CCO OR GPL-3.0-or-later`