Discord-Css-Snippets/README.md
2025-03-22 19:54:11 -04:00

7.6 KiB

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. 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 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 new pinned 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