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

Design

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

image

Install

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.

Screenshots

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

Customization

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

Compatibility

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

Actions

About

Author

User avatar
zuzumi

Contributors

User avatar
tuhanayim
Server icon
zuzumi's support server

Support Server

Join Server

Tags

dark light transparent customizable