Discord-Css-Snippets/README.md

240 lines
7.3 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.
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. 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/f2911f73-3644-4215-bc83-eb34d9e17705.png)
![after-recoloandmarkerrNSFW](https://cdn.nest.rip/uploads/53ad7b4d-a870-4bf5-936a-3a2ba486377e.png)
</br>
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)
</br>
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)
</br>
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)
</br>
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)
</br>
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)*
</br>
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>
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)
</br>
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/RecolorAddFriendsTab.css
```
----
#### 9th: hidePinDiscovery ~ Hides the Discovery Icon
</br>
Github: </br>
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/hideGlobalDiscovery.css
```
</br>
----
#### 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)
</br>
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)
</br>
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)
</br>
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)
</br>
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/SyncedWithGameRecolor.css
```
---
#### 14th: Better Forward Icon ~
BEFORE AND AFTER:
(hopfully you can tell which is which)
![Before](https://cdn.nest.rip/uploads/cfb37cfb-a684-4bf0-ac83-4cf442892dda.png)
![After](https://cdn.nest.rip/uploads/a8a5791f-0c51-4004-a58b-39721dd7ba53.png)
</br>
Github:
```
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/better-foward-icon.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`