hyblocker / pixelcord

terrible discord theme with ripple and animations
https://discord.gg/pSAfU6enyH
GNU General Public License v2.0
49 stars 11 forks source link
animations discord responsive-design theme ux

Pixelcord

A Discord theme that's based on Material Design! And features way too many animations!!!

Supports all languages (excluding plugins)

Animations (Featuring Ripple)

Animations

Settings

Settings Panel

User Popout

User Popout

Light Mode Support

Light Mode Support

Supports Goosemod

Goosemod Support

This theme is not yet finished, it is currently being polished! Any feedback is appreciated

Enhancements

This theme is best paired with the complementary plugin Discord Theme Helper. It allows the ripple effect to move with your mouse!

This plugin is customisable. A lot can be changed via CSS variables (See index.css), but a sizable portion can be customisable at compile time (I use NodeSASS to compile this theme). A refactoring of the theme is planned sometime in the near future to get around this issue!

Modules

Name Category Description Enabled
Modal Blur Enhancements Blurs the black tinted background behind modals like image previews if enabled
Collapsing channels list Functions Channels list collapses and uncollapses on hover, giving you more room to read
Collapsing members list Functions Members list collapses and uncollapses on hover, giving you more room to read
macOS Buttons Functions Replaces window buttons with macOS style buttons (Windows)
Discolored Add-Ons Colorize Discord's boring SVGs!
Google Emojis Add-Ons Replaces default (Twemoji) emojis with Noto (Google) Emojis
Better Badges - Colored Badges Add-Ons Better Badges (Colorful)
Better Badges - White Badges Add-Ons Better Badges (White)

Variables

See index.css

Installation for Powercord

Clone https://github.com/hyblocker/pixelcord in your themes folder

Or run

cd powercord/src/Powercord/themes && git clone https://github.com/hyblocker/pixelcord

Installation for Goosemod

Install Pixelcord from the Goosemod theme store

Installation for BetterDiscord

Install the Pixelcord.theme.css file into your themes folder.

Issues / Bugs

Please submit any bugs on GitHub or in the support server

Locally building

Modify the manifests to point to dist.css instead of index.css

License

This plugin is licensed under GPL-2