Some of my CSS Snippets
Find a file
2025-05-22 12:01:46 -04:00
.github/workflows Update classUpdate.yml 2025-05-22 11:55:27 -04:00
OtherStuff update swapMicDeafen 2025-05-19 23:36:44 -04:00
Channel&RolesRecolor.css . 2025-03-17 15:49:48 -04:00
IconRecolors.css Add this icon 2025-04-05 21:07:03 -04:00
LICENSE.CC0 better fix 2025-02-21 19:10:05 -05:00
LICENSE.GPL3 Fix License 2025-01-06 16:04:14 -05:00
NSFWChannelRecolor.css Add this icon 2025-04-05 21:07:03 -04:00
NSFWtag.css remove root 2025-05-22 12:01:46 -04:00
PrivateChannelRecolor.css FINALLY FIGURED IT OUT 2025-03-17 15:04:53 -04:00
README.md Update README.md 2025-04-21 03:46:04 -04:00
StageRecolor.css FINALLY FIGURED IT OUT 2025-03-17 15:04:53 -04:00
SyncedWithGameRecolor.css add TODO 2025-03-17 15:16:49 -04:00

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 after-recoloandmarkerrNSFW
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 after-recolorNSFW
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 after-recolor
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 after-recolor
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 afterrecolor
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 After

⚠️-- The discriminator is tied to a custom variable (This is not included by default) --⚠️

: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" plugin

BEFORE AND AFTER: (hopfully you can tell which is which)
BeforeRecolor AfterRecolor

BEFORE AND AFTER while tab is selected: (Hopfully you can tell which is which)
BeforeRecolorWhileTabSelected AfterRecolorWhileTabSelected
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" plugin

MaxWell
Github:

https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/Maxwell.css

  • Discord's social links ~

LogoutLink

This snippet also changes the twitter X, back into the bird

  • Discord connect accounts

connectedAccounts

ShowConnections
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 After
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 After
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 After
Github:

https://raw.githubusercontent.com/KrstlSkll69/vc-snippets/main/OtherStuff/better-foward-icon.css

Star History

Star History Chart

Disclaimer: While yes my CSS snippets are in Faf4's 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