Download Source Code
Sign in to like
Made by:
Release date:
5th March, 2018

Material Discord

22.1K 77.1K 33

A theme based on Google's Material Design

Comments (19)

Sign In to post a comment


The theme is great! But theres one problem. Whenever I scroll through messages, it isn't as smooth as it normally would with the regular theme. Is there a way you can fix this?


is there any way to remove the boxes around the messages


Place the code below in your custom css:

.message-2qnXI6.mentioned-xhSam7.selected-2P5D_Z {
    background-color: transparent !important;

.message-2qnXI6:not(.groupStart-23k01U):after {
    display: none;

This is the best theme yet.

Jordan C Jacob

Scrolling is really laggy for me, any way to make it smoother?


I haven't had complaints of it being laggy. It doesn't use that much more of your cpu than vanilla Discord.


how to use it???


Download the theme and place it in your BBD themes folder.

alt 3

What fonts are you using?


Product sans.

Wolf The Weirdo

Could you make a red version or make it possible to edit?


It is possible to edit rather easily without knowing much css at all. Here is a list of variables that the theme uses. It may be outdated, but it should allow you to change most, if not all, of the colors that the theme uses. There's a custom css tab within BBD located in your user settings and scrolling to the bottom on the left side. Here's an example I've been messing around with for those that want a light theme (don't forget to click update and save):

:root {
    --main-color: #e8eaeb;
    --main-alt: #ddd;

    --card-color: #fff;
    --card-alt: #e0e0e0;
    --card-shadow-border: 0 1px 0 0 #ccc;
    --card-border-color: #ccc;
    --card-header-text-color: #333;

    --chat-color: #fff;
    --message-color: #edeff0;
    --message-alt: #e8e8e8;
    --message-border: #ccc;
    --text-normal: #202124;

    --popout-color: #fff;
    --popout-alt: #fff;
    --server-color: #eee;
    --sidebar-panel-color: #dee0e0;

    --status-picker-color: #dee0e0;
    --code-color: #e3e3e3;

    --input-color: #edeff0;
    --hover-color: rgba(0,0,0, 0.075);
    --select-color: rgba(0,0,0, 0.125);

    --menu-item-hover: rgba(0,0,0, 0.1);
    --menu-item-select: var(--select-color);

    --main-textarea-color: #fff;
    --main-textarea-border: #dadce0;

For reference: The values that look like #fff are using hex color codes, which you can use a color code picker on Google for. The values that look like rgba(0,0,0, 0.1) are using what they're labeled as. r [red], g [green], b [blue], a [alpha/opacity]; you can also use a color picker for this as well.

Dr. K

This is amazing! Thank you so much for making this.


Great theme


Great theme, love it, but it doesnt work with the PermissionsViewer plugin, I would appreciate it if you can look into this issue


Another problem is that, when you edit messages, it looks weird asf, please fix that. Thank you and sorry.


Ever since some update, the white "new messages" circle notification of the servers have dissappeared.

I still get said circle on folders.

I made sure the servers aren't muted, and I still get the sound notifications. The circles appear if I remove the Material Discord theme.

I don't know if someone else has this issue.


It got fixed by re-installing the theme, but the white circle notifications look completely different now.

I'll take it anyway.


The way I styled the unread messages notification dots is by relying on a class added with BBD, but for some reason it's currently removed from it. So I just reverted the notification dots to vanilla Discord for the time being, sorry.

Ayomide Ilesanmi

I wish you could include Roboto as the main font and Product Sans as header font


any updates ? this is a cool theme but some it conflict with the new discord


Not sure which version of the theme you're using, but it's up-to-date.


please give me to the old version.


Great Theme! However, when i go into a new server, the red new mentions appears for 1 second and then dissapears. Can you fix that?


This ^^^


very nice work!


Not Bad, i like it, but. . .

When I use the "BetterRoleColors" plugin, when a user mentions someone else with a special color role, the mention doesn't have that color (the plugin allows this to happen from seeing the role's color by mentioning it) and I am It does something sad not to see it since I have gotten used to seeing it like this.

I hope they/you can fix it soon,

without more to say, good theme!


I also have the same issue, ive gotten so used to it that it looks weird without it, and the OwnerTag Plugin also doesnt get recolored with the BetterRoleColors


Looks really nice

Pengy Knox

I have problems viewing Images