Frosted Glass

Waiting for editor to load...

Main background

The main background covering most of the app.

Image

Blur (5px)

The intensity of the blur inside of the app window.

Size

Position

User popout

The popout that appears when clicking on a user whether it being the members list or in chat.

Popout modal image

Blur (5px)

Size

Position

Overlaying modals/popouts

Any modal or popout that isn't the user popout.

Popout modal image

Blur (5px)

Size

Position

Home button

The image of the Discord home button.

Home button image

Image size

Image position

Brightness

How dark parts of the app are. 0 meaning fully transparent, 1 meaning full black.

Server list brightness (0.8)

Channels and DM list (0.8)

Middle brightness (0.6)

Chat and Settings

Right brightness (0)

Members and Now Playing

Overlay brightness (0.75)

Brightness of modals and context menus

Colours

The colours used in the theme to give it a unique feel.

Gradient primary

Gradient secondary

Link colour

Scrollbar colour

Gradient Direction (320deg)

Backgrount tint

Add colour on top of your image.

Tint colour

Tint brightness (0)

Custom font

App font

Click away or press Enter to update preview.

Use font installed on my computer

App settings

Don't like the spacing around the app? Set both of these to 0.

Window padding (20px)

Spacing around Discord

Window rounded (10px)

Roundness of Discord

Window Titlebar

Moves the Windows buttons to the header

Horizontal Server List

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

Server icon size (45px)

Server icon spacing (10px)

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

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.