Discord 11

By zuzumi Version 4 Updated 06/27/2024 93.2K downloads

Based in Windows 11's UI | Lastest version is 4!!! | Support server: https://discord.gg/PsNtzGeHuW

dark light transparent customizable

Live preview

Full Discord interface with this theme applied โ€” powered by ThemePreview.

Screenshot

Discord 11 screenshot
Discord11.theme.css
GitHub

Open source

https://raw.githubusercontent.com/zuzumi-f/Discord-11/8425eaa47b60a684705f3fcf2ff48004e25c2d21/Discord11.theme.css
1/**
2 * @name Discord 11
3 * @description Based on Windows 11's UI
4 * @author zuzumi-f
5 * @authorId 437579806616322049
6 * @version 4
7 * @invite PsNtzGeHuW
8 * @donate https://www.paypal.me/konazumi
9 * @website https://github.com/zuzumi-f/Discord-11
10 * @source https://github.com/zuzumi-f/Discord-11/blob/main/base.css
11*/
12
13/*------------------------------------------------------------
14 you can't disable this, is the full theme dummy
15------------------------------------------------------------*/
16@import url(https://zuzumi-f.github.io/Discord-11/base.css);
17
18/*-------------------------------------------------------------------------------------------------
19 Windows 11 emojis
20--------------------------------------------------------------------------------------------------*/
21@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Microsoft.css);
22
23/*--------------------------------------------------------------------------------
24 Windows 11 Font (Segoe UI)
25---------------------------------------------------------------------------------*/
26@import url(https://zuzumi-f.github.io/Discord-11/release/font/windows11font.css);
27
28/*--------------------------------------------------------------
29 Message bubble style
30----------------------------------------------------------------*/
31/* Default Message Bubble */
32@import url(https://zuzumi-f.github.io/Discord-11/release/messagebubble11.css);
33
34/*--------------------------------------------------------------
35 Glass effect
36 [To see your desk put ";none"; in --wallpaper-is:
37 and enable Transparency in BD Settings]
38---------------------------------------------------------------*/
39/*--Yes you can enable/disable this--*/
40/* @import url(https://zuzumi-f.github.io/Discord-11/release/glasseffect.css); */
41
42/*--------------------------------------------------------------
43 Settings
44---------------------------------------------------------------*/
45:root {
46 --wallpaper-is: none; /* Write the image url, example url("your url") [none is default]*/
47 --blur-size: 24px; /* Amount of blur in pixels [24px is default] */
48 --opacity-thing: 0.6; /* Value from 0 to 1 [0.6 is default] */
49 --server-size: 48px; /* The size of the server icons [48px is default] */
50
51 /* HSL(Hue, Saturation, Lightness). This values will change the accent color (That blue color in most buttons) */
52 --H: 199; /* Value only number [199 is default] */
53 --S: 100%; /* Value in % [100% is default] */
54 --L: 69%; /* Value in % [69% is default] */
55}
56
57/*----------------------------------------------------
58 anything else down here
59------------------------------------------------------*/
60