Translucence

Waiting for editor to load...

App

Options to edit the app in general.

Background Image

Blur (6px)

App margin (24px)

The spacing around the Discord app and the window.

App radius (8px)

The roundness of the Discord app

Accent

The colour used around the Discord app.

Hue (156)

Saturation (77%)

Lightness (47%)

Opacity (1)

Colours

Sidebar colour

Content area colour

Normal text

Hover text

Active text

Muted text

Hover background

Selected backgrounds

Messages

Message color

Message roundness (8px)

Padding top (8px)

Padding sides (8px)

Reply colours

Reply hue (226)

Saturation (77%)

Lightness (61%)

Opacity (1)

Textbox

The colour for all textboxes

Colour

Opacity (0.1)

Focus opacity (0.15)

Roundness (22px)

Cards

Colour

Hover state

Selected state

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.