Skip to content
/ material-madness Public

just a bunch of CSS snippets, plus a color scheme. made for Discord.

License

MIT license
0 stars 1 fork Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

iblowmymind/material-madness

BranchesTags

Repository files navigation

Material Madness

Theme Version

A little theme utilizing the material-darker color palette.
Made for Replugged, but works mostly everywhere you can inject CSS onto Discord. (so, it works in Replugged, OpenAsar, BetterDiscord and Stylus)

Disclaimer

This is a mess. I only made this for me to use myself. Please spare yourself and don't use it. If I can't persuade you, though, check below for install instructions.

Features

  • Material Darker color palette
  • Rounded text bar, "unread messages" etc.
  • A bunch of snippets, some tiny, others not so tiny (credits included!)
  • Fixes, hides & components

Recommended Themes Alongside This One

How to Install

Replugged (and Topaz)

Replugged Asar Install

Install in Replugged

  • Or, optionally, download the .asar file from releases into your Replugged theme path. More details can be found here.

(OLD) Replugged URL Install

  • Click this link to let Replugged automagically install the theme for you.
  • Enable the theme from Settings.

(OLD) Git Clone

  • Enter your Replugged themes folder.
  • Run git clone https://github.com/iblowmymind/material-madness
  • Enable the theme from Settings.

Vencord

  • Paste https://iblowmymind.github.io/material-madness/src/main.css under Vencord's settings, Themes tab. It should validate and load successfully.

OpenAsar CSS Injection

  • Make sure you have the latest version of OpenAsar (at least 5d2bd94), which you probably will as restarting should auto-update.
  • OPTION 1 (UI): Go to OpenAsar's Settings (click on the OpenAsar version text in the bottom of your settings area in Discord), switch to the Theming tab and paste @import url(https://iblowmymind.github.io/material-madness/src/main.css); in the text box, then click on Restart.
  • OPTION 2 (Manual): Add "css": "@import url(https://iblowmymind.github.io/material-madness/src/main.css);" under the "openasar" field in your settings.json file (don't forget to add a comma after the last key in the "openasar" field) so that it looks something like this:
{
  "openasar": {
    "setup": true,
    "css": "@import url(https://iblowmymind.github.io/material-madness/src/main.css);"
  },
  "OPEN_ON_STARTUP": true,
  "MINIMIZE_TO_TRAY": true,
  "START_MINIMIZED": true,
  "IS_MAXIMIZED": true,
  "IS_MINIMIZED": false,
  "DANGEROUS_ENABLE_DEVTOOLS_ONLY_ENABLE_IF_YOU_KNOW_WHAT_YOURE_DOING": true
}

Stylus (Untested)

  • Install a Userstyle plugin like Stylus. (do NOT use Stylish, it's spyware)
  • Click this link and click "Install style".
  • I'm not sure if this works right now, so testing would be welcome, if you tried this and if it works (or not), feel free to create an issue!

Basically anything else (Untested)

  • Try to see if there's a way to inject Custom CSS.
  • If there is, try: @import url(https://iblowmymind.github.io/material-madness/src/main.css); on any subdomain or URL under https://discord.com/app (or canary.discord.com or... you get the idea)
  • This is not guaranteed to work, but voila! I think?
  • I'm not sure if this works right now, so testing would be welcome, if you tried this and if it works (or not), feel free to create an issue!

Changelog

  • 1.7.5 (15/09/2023)

    > Fix for sticker & GIF buttons

  • 1.7.3 (27/08/2023)

    > Update Replugged

  • 1.7.2 (27/08/2023)

    > Fix for pc-fluenticons

  • 1.7.1 (30/03/2023)

    > Reverts hold back tears and pleading emojis

  • 1.7.0 (11/03/2023)

    > Color fixes for new Discord components (finally)
> Update Replugged

  • 1.6.5 (17/02/2023)

    > Video UI fixes

  • 1.6.4 (06/02/2023)

    > Replugged build changes

  • 1.6.2 and 1.6.3 (05/02/2023)

    > Add user bio snippet
> 2023!!!!
> Forgetfulness strikes

  • 1.6.0 and 1.6.1 (19/12/2022)

    > New Replugged (asar plugin/themes) support!
> Fix to releases

  • 1.5.9.0 (02/12/2022)

    > Return old Discord font (GG Sans -> Whitney)

  • 1.5.8.0 (20/11/2022)

    > Hide nitro upsell

  • 1.5.7.2 (05/10/2022)

    > Image carousel background fix

  • 1.5.7.1 (28/09/2022)

    > Fix import of Modern Indicators (how did I forget imports need to be at the top lol)
> Add instructions for OpenAsar CSS injection

  • 1.5.7.0 (24/09/2022)

    > New snippet (makes Discord User Account Creation Date more consistent)
> Improvement for ChannelTabs padding

  • 1.5.6.0 (02/08/2022)

    > Bug fixes
> Website fixes

  • 1.5.5.0 (25/07/2022)

    > Includes Modern Channel Indicators as an import.
> Changed username.
> Some (failed and reverted) restructuring.

  • 1.5.4.0 (11/07/2022)

    > Added new snippets.
> Changed username.

  • 1.5.3.0 (???)

    > Bug fixes.

  • 1.5.2.0 (26/02/2022)

    > Added a new snippet.
> Added a new fix.

  • 1.5.1.0 (27/01/2022)

    > Added a new snippet.
> Added a UserCSS version (don't know if it works yet, testing would be welcome!)

  • 1.5.0.0 (26/01/2022)

    > Restructured everything.
> Broke everything.
> Fixed everything back up.
> Added GoogleMaterialIcons.

  • 1.4.3.0 (16/01/2022)

    > Added TeardropMessages (a modified version to match the color scheme).

  • 1.4.2.1 (14/01/2022)

    > Fixed up some stuff.

  • 1.4.2.0 (13/01/2022)

    > Added another snippet, changed some parts of the theme again.

  • 1.4.1.1 (12/01/2022)

    > Added a snippet, changed some parts of the theme.

  • 1.4.1.0 (08/01/2022)

    > Fixes to Discord's class changes.

  • 1.4.0.2 (02/01/2022)

    > Changed a snippet.

  • 1.4.0.1 (02/01/2022)

    > Changed a snippet.

  • 1.4.0 (02/01/2022)

    > Added some user snippets! (Credits included.)

  • 1.3.12 (02/01/2022)

    > Fixed some modal colors up.

  • 1.3.11 (12/09/2021)

    > Actually uploaded this to GitHub lol

Theme Details

TODO: Remind me to not be lazy and actually type this part out.

Credits for 3rd-party snippets

Check snippets.css for credits in header comments for each snippet.

License

MIT License

Copyright (c) 2021-2022 blw

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

About

just a bunch of CSS snippets, plus a color scheme. made for Discord.

Topics

css theme discord

Resources

Readme

License

MIT license
Activity

Stars

0 stars

Watchers

0 watching

Forks

1 fork
Report repository

Languages