mirror of
https://github.com/KrstlSkll69/vc-snippets.git
synced 2025-06-07 18:33:42 +02:00
240 lines
7.3 KiB
Markdown
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)
|
|
|
|

|
|

|
|
</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)
|
|
|
|

|
|

|
|
</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)
|
|
|
|

|
|

|
|
</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)
|
|
|
|

|
|

|
|
</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)
|
|
|
|

|
|

|
|
</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)
|
|
|
|
 </b>
|
|

|
|
</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>
|
|

|
|

|
|
|
|
BEFORE AND AFTER _while tab is selected_:
|
|
(Hopfully you can tell which is which) </br>
|
|

|
|

|
|
</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_
|
|
|
|

|
|
</br>
|
|
Github:
|
|
```
|
|
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/Maxwell.css
|
|
```
|
|
---
|
|
|
|
#### 11th: Better Social Links (fork) ~
|
|
|
|
- Discord's social links ~
|
|
|
|

|
|
|
|
This snippet also changes the twitter X, back into the bird
|
|
- Discord connect accounts
|
|
|
|

|
|
|
|
- Vencord's [ShowConnections](https://vencord.dev/plugins/ShowConnections)
|
|
|
|

|
|
</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)
|
|
|
|

|
|

|
|
</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)
|
|
|
|

|
|

|
|
</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)
|
|
|
|

|
|

|
|
</br>
|
|
Github:
|
|
```
|
|
https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/better-foward-icon.css
|
|
```
|
|
---
|
|
|
|
|
|
## Star History
|
|
|
|
[](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`
|
|
|
|
|
|
|
|
|
|
|
|
|