Material Discord

Waiting for editor to load...

Accent colours

Hue degree (224)

Saturation (71%)

Lightness (61%)

Accent text colour

Sizing

Avatar roundness (50%)

Roundness for servers and avatars

Message roundness (19px)

Message top padding (8px)

Message side padding (12px)

Chat media radius (19px)

Embeds, videos, uploads, ect...

Card roundness (8px)

Code blocks & mentions.

Big card roundness (18px)

App roundness

Popout

Popout roundness (8px)

Context menus, status picker, ect...

Big popout radius (18px)

Profiles, modals, user popout.

ServerColumns

Changes the Server List to a gridlike container to allow servers to be displayed in columns.

Number of columns (3)

Server icon spacing (3)

Align DMs

Horizontal Server List

Moves the server list from the left to the top of Discord.

Server icon size (45px)

Server icon spacing (10px)

RadialStatus

Changes the status icons to wrap around the avatar.

Small avatar spacing (2px)

Chat, members, dms

Medium avatar spacing (2px)

User popout

Large avatar spacing (2px)

User profiles

Small width (2px)

Thickness of the status border for members list/dms

Medium width (2px)

Thickness of the status border for User popout

Large width (2px)

Thickness of the status border for User profile

Avatar shape (50%)

0% = Square | 50% = Circle

Online status colour

Idle status colour

Do not disturb status colour

Offline status colour

Streaming status colour

Phone indicator visibility

Discolored

Colorize Discord's boring SVGs.

Previewer is loading...

If this takes longer than 1 minute, refresh your page.