1. /* ==UserStyle==
2. @name           Discord 11
3. @namespace      github.com/zuzumi-f/Discord-11
4. @version        3
5. @description    Based on Windows 11's UI
6. @author         Zuzumi
7. @updateURL      https://github.com/zuzumi-f/Discord-11/raw/main/Discord11.user.css
8. @preprocessor   stylus
9.  
10. @var checkbox messageBuble     "Enable Message Bubble Style" 1
11. @var checkbox win11Emojis      "Enable Windows 11 emojis" 1
12. @var checkbox glassEffect      "Enable glass effect (for desktop transparency, the option below must be set to none)" 0
13. @var checkbox win11Font        "Enable Windows 11 font Segoe UI" 1
14. @var text     wallpaperImage   "Custom wallpaper link (put link inside single quotes)" "'https://raw.githubusercontent.com/zuzumi-f/Discord-11/main/release/wallpapers/WindowsDark.jpg'"
15. @var text     blurAmount       "Blur amount" 24px
16. @var number   opacityAmount    "Opacity" [0.6, 0.0, 1.0, 0.1]
17. @var text     serverIconsSize  "Server icons size" 48px
18. @var number   hueAmount        "Hue amount" [199, 0, 239, 1]
19. @var range    saturationAmount "Saturation amount" [100, 0, 100, 1, '%']
20. @var range    lightnessAmount  "Lightness amount" [69, 0, 100, 1, '%']
21. ==/UserStyle== */
22.  
23. @-moz-document regexp("https?://(canary.)?discord.com/.*") {
24.     /* Theme base */
25.     @import url(https://zuzumi-f.github.io/Discord-11/base.css);
26.  
27.     /* Message bubble style */
28.     if messageBubble==default {
29.         @import url(https://zuzumi-f.github.io/Discord-11/release/messagebubble11.css);
30.     }
31.  
32.     /* Windows 11 emojis */
33.     if win11Emojis {
34.         @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Microsoft.css);
35.     }
36.  
37.     /* Windows 11 font */
38.     if win11Font {
39.         @import url(https://zuzumi-f.github.io/Discord-11/release/font/windows11font.css);
40.     }
41.  
42.     /* Glass effect () */
43.     if glassEffect {
44.         @import url(https://zuzumi-f.github.io/Discord-11/release/glasseffect.css);
45.     }
46.  
47.     /* Settings */
48.     :root {
49.         --wallpaper-is: url(wallpaperImage) !important;
50.         --blur-size: blurAmount !important;
51.         --opacity-thing: opacityAmount !important;
52.         --server-size: serverIconsSize !important;
53.         --H: hueAmount !important;
54.         --S: saturationAmount !important;
55.         --L: lightnessAmount !important;
56.     }
57. }
58.