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

Material Discord

22.1K 77K 33

A theme based on Google's Material Design

Comments (19)

Sign In to post a comment

Ray

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?

henos

is there any way to remove the boxes around the messages

CapnKitten

Place the code below in your custom css:

.message-2qnXI6.groupStart-23k01U,
.message-2qnXI6:not(.groupStart-23k01U),
.message-2qnXI6.mentioned-xhSam7.selected-2P5D_Z {
    background-color: transparent !important;
}

.message-2qnXI6:not(.groupStart-23k01U):before,
.message-2qnXI6:not(.groupStart-23k01U):after {
    display: none;
}
swiss._.1

This is the best theme yet.

Jordan C Jacob

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

CapnKitten

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

HAI GOGO

how to use it???

CapnKitten

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

alt 3

What fonts are you using?

CapnKitten

Product sans.

Wolf The Weirdo

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

CapnKitten

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.

rety

Great theme

Davanime

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

Davanime

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

Dani

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.

Dani

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

I'll take it anyway.

CapnKitten

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

Sonita

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

CapnKitten

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

MaRRRius

please give me to the old version.

Laoak

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?

Davanime

This ^^^

magumboi

very nice work!

BinaryPhantom

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!

Davanime

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

Trakoize

Looks really nice

Pengy Knox

I have problems viewing Images