GithubHelp home page GithubHelp logo

x5tr / pixelcord Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hyblocker/pixelcord

0.0 0.0 0.0 5.1 MB

dogshit discord theme with ripple and animations

Home Page: https://discord.gg/pSAfU6enyH

License: GNU General Public License v2.0

Shell 0.32% CSS 2.70% SCSS 96.98%

pixelcord's Introduction

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

pixelcord's People

Contributors

hyblocker avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.