snare-CSS

A collection of CSS snippets that I use for Replugged and Vencord.

Feel free to use them, or don't!

star me :3

For more CSS snippets, from me and from many others, check out the CSS snippet channels in the Replugged and Vencord Discord servers.

---

Profile Panel Thingy

Makes the profile panel thingy look neat!

@import url("https://snare-hawk.github.io/snare-CSS/profile-panel-thingy.css");

No Activities

Spotify and Game Activities

Server Icon Edits

Edits certain server icons, this is something I just personally use.

@import url("https://snare-hawk.github.io/snare-CSS/server-icon-edits.css");

Before

After

Clean Streamer Mode Notification

Makes streamer mode notification less intrusive.

@import url("https://snare-hawk.github.io/snare-CSS/clean-streamer-mode-notification.css");

Revert Notification Bars

Reverts the unread and mention notification bar, that is different in public servers, to what they look like typically.

@import url("https://snare-hawk.github.io/snare-CSS/revert-notifications.css");

Before:

Unreads:

Mentions:

After:

Unreads:

Mentions:

SpotifyModal Controls Hover Animation

Adds a hover animation to the controls for Spotify Modal, a Replugged plugin.

@import url("https://snare-hawk.github.io/snare-CSS/spotifymodal-hover.css");

No Avatar Decorations

Removes any and all avatar decorations.

@import url("https://snare-hawk.github.io/snare-CSS/no-avatar-decorations.css");

Profile Skin Experiment Snippet *

Makes the profile pop-out look like the skin experiment with CSS. This allows already existing plugins to be seen, as the experiment changed many things.

@import url("https://snare-hawk.github.io/snare-CSS/profile-skin-experiment-snippet.css");

Experiment

Snippet

* This snippet is outdated as the experiment has been added to Discord.

Settings Plugin Sorter *

A temporary CSS solution that sorts and separates plugins in settings.

If I remember correctly, Powercord's settings had looked like this quite some time ago.

@import url("https://snare-hawk.github.io/snare-CSS/settings-plugin-sorter.css");

Because of an update I had to push, you now must include this in your quick CSS:

/* X must be however many settings you have under the tab */
:root {
    --multiplier: X;
}

Like it says, X must be the number of options you have under the header, the minimum should be 4, if you don't have CSS Toggler or bdCompact, and the maximum is 6, if you do have both.

* Now that this is has a part of Replugged, most of the above is now outdated, though I had updated the CSS so it adds CSS Toggler and bdCompact to be under the Replugged tab. (This was before the SWC change, where these plugins were still avaiable in Replugged.)

Dark+ Quick CSS *

An attempt to make Quick CSS look like VScode's Dark+ theme. (Unfortunately, does not work when editor is popped out.)

@import url("https://snare-hawk.github.io/snare-CSS/dark-plus-quick-css.css");

* This snippet does not work anymore as Replugged does not use CodeMirror for its Quick CSS anymore. Also because I do not care enough to try and update it, but from the looks of it, it doesn't even seem possible.