Discord-Css-Snippets/README.md

7.3 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. 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