# 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)
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)
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)
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)
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)
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)*
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) ![After](https://cdn.nest.rip/uploads/13ad9c29-91bd-4394-b7c0-e4938d45b4b0.png)
⚠️-- The discriminator is tied to a custom variable *(This is not included by default)* --⚠️ ```css :root{ --Discriminator-ShowBoth: "#--!!Enter 4 custom numbers here!!--" } ```
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)
![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)
![BeforeRecolorWhileTabSelected](https://cdn.nest.rip/uploads/d4a09457-9be9-43e3-a405-a549b8ea88e5.png) ![AfterRecolorWhileTabSelected](https://cdn.nest.rip/uploads/ffb0d9ab-eb95-4cec-b79e-ea9f8a7f7d7d.png)
Github: ``` https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/RecolorAddFriendsTab.css ``` ---- #### 9th: hidePinDiscovery ~ Hides the Discovery Icon
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)
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)
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)
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)
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)
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/
`SPDX-License-Identifier: CCO OR GPL-3.0-or-later`