Discord 11 thumbnail

Discord 11

By zuzumi
Version: 3
Updated: 07/04/2023 21:40:29
Downloads: 65,526
Based in Windows 11's UI | Messages Bubbles in right side are not working - Sorry... | Support server: https://discord.gg/PsNtzGeHuW

Discord 11

Version 3 is out!

A theme based on Windows 11's UI - by zuzumi


You can find all the values of Windows 11's UI here



Third party Discord clients

UserStyle (Stylus, Stylish etc.)

Note: You need to enable CSP patching from your extension's settings, and make sure you don't have anohter extension that patches CSP. Otherwise theme won't work.


Dark mode

Dark mode screenshot Dark mode screenshot 2

Light mode + glass effect

Light mode + glass effect screenshot Light mode + glass effect screenshot 2

Message styles

Note: Self Messages in Right side are not working at the moment

Left message buble

Left message bubble style

Default message bubble

Default message buble style

New message bubble

Note: Doesn't work with compact mode

New message bubble style


Third party Discord clients

Customize theme step 1 Customize theme step 2

You can write any other code at the bottom of the file

Customize theme step 3

UserStyle (Stylus)

Customize theme step 1


Horizontial Server List

You need to add the following CSS to the theme's CSS for it to work. Check here for how customize the CSS.

/* HSL on Top */
#app-mount .guilds-2JjMmN [class*=expandedFolderBackground] {
    border-radius: var(--winrad2) !important;
    left: calc(var(--server-size)/2) !important;
#app-mount .guilds-2JjMmN .wrapper-z5ab_q {
    height: auto !important;
    width: 0px !important;
    top: calc(-50% + 1px) !important;
    margin-left: 0px !important;
#app-mount .guilds-2JjMmN [class*=pill] span {
    border-radius: 1.5px !important;
#app-mount .listItem-3SmSlK {
    width: fit-content !important;
    margin: 0 12px 6px !important;
.tutorialContainer-2jwoiB + .listItem-3SmSlK {
    position: fixed !important;
#app-mount .base-2jDfDU {
    border-left: none;
    border-top-left-radius: 0px;

Used Addons




User avatar


User avatar
Server icon
zuzumi's support server

Support Server

Join Server


dark light transparent customizable