diff --git a/Demonstration.theme.css b/Demonstration.theme.css
index 4651ee3..9c7380c 100644
--- a/Demonstration.theme.css
+++ b/Demonstration.theme.css
@@ -4,7 +4,7 @@
  * @authorLink https://github.com/Saltssaumure
  * @description A Discord theme for demonstrating Discord themes.
  * @license MIT
- * @version 1.0
+ * @version 1.1
  * @invite uy8nKQVatp
  * @source https://github.com/MiniDiscordThemes/Demonstration
  * @donate https://ko-fi.com/saltssaumure
@@ -16,13 +16,12 @@
 :root {
     --demo-font-variant:    Circular;
     --demo-font-emoji:      Noto;
-    --demo-vencord-display: block;
+    --demo-text:            censor;
+    --demo-clientmod:       visible;
     --demo-emoji-radius:    4px;
     --demo-emoji-opacity:   0.5;
     --demo-icon-hue:        240;
     --demo-image-hue:       270;
     --demo-banner-hue:      180;
     --demo-self-hue:        300;
-    --demo-font-read:       none;
-    --demo-font-code-read:  none;
 }
\ No newline at end of file
diff --git a/README.md b/README.md
index 1ec43a2..afbf8d2 100644
--- a/README.md
+++ b/README.md
@@ -80,19 +80,18 @@
 
 ## Customisation
 
-| Variable                 | Description                           | Valid values                       | Default value |
-| ------------------------ | ------------------------------------- | ---------------------------------- | ------------- |
-| `--demo-font-variant`    | Censored font style                   | `Circular` or `Rounded` or `Block` | `Circular`    |
-| `--demo-font-emoji`      | Emoji font style                      | `Noto` or `none`                   | `Noto`        |
-| `--demo-vencord-display` | Hide or display Vencord elements      | `block` or `none`                  | `block`       |
-| `--demo-emoji-radius`    | Additional corner rounding for emojis | Any [length][css-length].          | `4px`         |
-| `--demo-emoji-opacity`   | Opacity of emojis                     | `0` to `1`.                        | `0.5`         |
-| `--demo-icon-hue`        | Hue for icons, emojis, badges         | `0` to `360`.                      | `240`         |
-| `--demo-image-hue`       | Hue for image attachments             | `0` to `360`.                      | `270`         |
-| `--demo-banner-hue`      | Hue for server banners                | `0` to `360`.                      | `180`         |
-| `--demo-self-hue`        | Hue for your own avatar               | `0` to `360`.                      | `300`         |
-| `--demo-font-read`       | Uncensored font                       | Any installed font.                | `none`        |
-| `--demo-font-code-read`  | Uncensored code font                  | Any installed font.                | `none`        |
+| Variable               | Description                           | Valid values                       | Default value |
+| ---------------------- | ------------------------------------- | ---------------------------------- | ------------- |
+| `--demo-font-variant`  | Censored font style                   | `Circular` or `Rounded` or `Block` | `Circular`    |
+| `--demo-font-emoji`    | Emoji font style                      | `Noto` or `none`                   | `Noto`        |
+| `--demo-text`          | Show or censor text                   | `normal` or `censor`               | `censor`      |
+| `--demo-clientmod`     | Show or hide client mod elements      | `visible` or `hidden`              | `visible`     |
+| `--demo-emoji-radius`  | Additional corner rounding for emojis | Any [length][css-length].          | `4px`         |
+| `--demo-emoji-opacity` | Opacity for emojis                    | `0` to `1`.                        | `0.5`         |
+| `--demo-icon-hue`      | Hue for icons, emojis, badges         | `0` to `360`.                      | `240`         |
+| `--demo-image-hue`     | Hue for image attachments             | `0` to `360`.                      | `270`         |
+| `--demo-banner-hue`    | Hue for server banners                | `0` to `360`.                      | `180`         |
+| `--demo-self-hue`      | Hue for your own avatar               | `0` to `360`.                      | `300`         |
 
 ### BetterDiscord
 1. Open `Settings` > `BetterDiscord` > `Themes`.
@@ -102,7 +101,7 @@
 ### Replugged
 1. Enable `Automatically Apply Quick CSS` in `Settings` > `Replugged` > `General`.
 2. Open `Settings` > `Replugged` > `Quick CSS`.
-3. Copy and paste lines 15-28 of [`Demonstration.theme.css`][.theme.css].
+3. Copy and paste lines 15-27 of [`Demonstration.theme.css`][.theme.css].
 4. Edit the variable values and save.
 
 ### Vencord
@@ -112,7 +111,7 @@
 3. Edit the variable values and save.
 #### Online
 1. `Enable Custom CSS` in `Settings` > `Vencord` > `Vencord` and click `Open QuickCSS File`.
-2. Copy and paste lines 15-28 of [`Demonstration.theme.css`][.theme.css].
+2. Copy and paste lines 15-27 of [`Demonstration.theme.css`][.theme.css].
 3. Edit the variable values.
 
 ## License
diff --git a/demo.min.css b/demo.min.css
index cb04916..534053d 100644
--- a/demo.min.css
+++ b/demo.min.css
@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Flow+Block&family=Flow+Rounded&family=Flow+Circular&family=Noto+Emoji&display=swap";:root{--font-primary: var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;--font-display: var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;--font-headline: var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;--font-code: var(--demo-font-code-read), var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, monospace !important;--font-clan-body: var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;--font-clan-signature: var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important}@property --demo-font-variant{syntax:"Circular | Rounded | Block";inherits:false;initial-value:Circular}@property --demo-font-emoji{syntax:"Noto | none";inherits:false;initial-value:Noto}:root{--demo-font-read: none;--demo-font-code-read: none}@property --demo-vencord-display{syntax:"block | none";inherits:true;initial-value:block}@property --demo-emoji-radius{syntax:"<length>";inherits:true;initial-value:4px}@property --demo-emoji-opacity{syntax:"<number>";inherits:true;initial-value:.5}@property --demo-icon-hue{syntax:"<number>";inherits:true;initial-value:240}@property --demo-image-hue{syntax:"<number>";inherits:true;initial-value:270}@property --demo-banner-hue{syntax:"<number>";inherits:true;initial-value:180}@property --demo-self-hue{syntax:"<number>";inherits:true;initial-value:300}@property --demo-gradient-color{syntax:"<color>";inherits:true;initial-value:red}.vc-toolbox-btn{display:var(--demo-vencord-display)}.vc-chatbar-button{display:var(--demo-vencord-display)}.horizontal__4848b [aria-label="Disable Game Activity"]{display:var(--demo-vencord-display)}[aria-label=Translate]{display:var(--demo-vencord-display)}[aria-label="Vencord Contributor"]{display:var(--demo-vencord-display)}.header__71a82:has(+.item__48dda[class^=vc-]),.item__48dda[class^=vc-],.item__48dda[class^=vc-]+.separator_d14fb1{display:var(--demo-vencord-display)}.userProfileOuterUnthemed__9741c :is(.avatarHoverTarget__9b4a9,.avatar__445f3){--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue))}.userProfileOuterThemed_a425f3 :is(.avatarHoverTarget__9b4a9,.avatar__445f3) .avatar__991e2:where(:not(.avatarDecoration_cf681a .avatar__991e2)){content:linear-gradient(var(--profile-gradient-primary-color), var(--profile-gradient-secondary-color))}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+1){--demo-gradient-color: oklch(0.7 0.1 60)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+2){--demo-gradient-color: oklch(0.7 0.1 120)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+3){--demo-gradient-color: oklch(0.7 0.1 180)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+4){--demo-gradient-color: oklch(0.7 0.1 240)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+5){--demo-gradient-color: oklch(0.7 0.1 300)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+6){--demo-gradient-color: oklch(0.7 0.1 360)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747) .avatar__777a6{content:linear-gradient(var(--demo-gradient-color) 0 100%)}.draggable__68384:nth-child(7n+1){--demo-gradient-color: oklch(0.7 0.1 51.4285714286)}.draggable__68384:nth-child(7n+2){--demo-gradient-color: oklch(0.7 0.1 102.8571428571)}.draggable__68384:nth-child(7n+3){--demo-gradient-color: oklch(0.7 0.1 154.2857142857)}.draggable__68384:nth-child(7n+4){--demo-gradient-color: oklch(0.7 0.1 205.7142857143)}.draggable__68384:nth-child(7n+5){--demo-gradient-color: oklch(0.7 0.1 257.1428571429)}.draggable__68384:nth-child(7n+6){--demo-gradient-color: oklch(0.7 0.1 308.5714285714)}.draggable__68384:nth-child(7n+7){--demo-gradient-color: oklch(0.7 0.1 360)}.draggable__68384 .userAvatar_f45224{background:linear-gradient(var(--demo-gradient-color) 0 100%) !important}.avatarContainer__9688b:nth-child(8n+1){--demo-gradient-color: oklch(0.7 0.1 45)}.avatarContainer__9688b:nth-child(8n+2){--demo-gradient-color: oklch(0.7 0.1 90)}.avatarContainer__9688b:nth-child(8n+3){--demo-gradient-color: oklch(0.7 0.1 135)}.avatarContainer__9688b:nth-child(8n+4){--demo-gradient-color: oklch(0.7 0.1 180)}.avatarContainer__9688b:nth-child(8n+5){--demo-gradient-color: oklch(0.7 0.1 225)}.avatarContainer__9688b:nth-child(8n+6){--demo-gradient-color: oklch(0.7 0.1 270)}.avatarContainer__9688b:nth-child(8n+7){--demo-gradient-color: oklch(0.7 0.1 315)}.avatarContainer__9688b:nth-child(8n+8){--demo-gradient-color: oklch(0.7 0.1 360)}.avatarContainer__9688b .avatar_c9fdd4{background:linear-gradient(var(--demo-gradient-color) 0 100%) !important}.avatar__991e2:where(:not(.avatarDecoration_cf681a .avatar__991e2)){content:linear-gradient(var(--demo-gradient-color) 0 100%)}.avatar__08316{content:linear-gradient(var(--demo-gradient-color) 0 100%)}:is(.threadMessageAccessoryAvatar__27333,.replyAvatar__4ba85,.executedCommandAvatar_cfc856){content:linear-gradient(var(--demo-gradient-color) 0 100%)}.dmIcon__160f0{content:linear-gradient(var(--demo-gradient-color) 0 100%)}.displayAvatar__0be99{content:linear-gradient(var(--demo-gradient-color) 0 100%)}.avatarUploaderInner__71578{background:linear-gradient(var(--demo-gradient-color) 0 100%) !important}.messageListItem__050f9:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.messageListItem__050f9:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.messageListItem__050f9:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.messageListItem__050f9:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.messageListItem__050f9:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.messageListItem__050f9:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.messageListItem__050f9:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.messageListItem__050f9:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.messageListItem__050f9:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.messageListItem__050f9:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.container__9922f:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.container__9922f:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.container__9922f:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.container__9922f:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.container__9922f:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.container__9922f:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.container__9922f:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.container__9922f:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.container__9922f:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.container__9922f:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.container__3792d:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.container__3792d:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.container__3792d:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.container__3792d:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.container__3792d:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.container__3792d:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.container__3792d:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.container__3792d:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.container__3792d:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.container__3792d:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.upperContainer__57565{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue))}.listRow__50619:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.listRow__50619:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.listRow__50619:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.listRow__50619:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.listRow__50619:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.listRow__50619:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.listRow__50619:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.listRow__50619:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.listRow__50619:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.listRow__50619:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.result__25f11:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.result__25f11:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.result__25f11:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.result__25f11:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.result__25f11:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.result__25f11:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.result__25f11:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.result__25f11:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.result__25f11:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.result__25f11:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.inviteRow_d6ad74:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.inviteRow_d6ad74:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.inviteRow_d6ad74:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.inviteRow_d6ad74:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.inviteRow_d6ad74:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.inviteRow_d6ad74:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.inviteRow_d6ad74:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.inviteRow_d6ad74:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.inviteRow_d6ad74:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.inviteRow_d6ad74:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.friendWrapper_f9b51d:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.friendWrapper_f9b51d:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.friendWrapper_f9b51d:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.friendWrapper_f9b51d:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.friendWrapper_f9b51d:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.friendWrapper_f9b51d:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.friendWrapper_f9b51d:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.friendWrapper_f9b51d:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.friendWrapper_f9b51d:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.friendWrapper_f9b51d:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.shopCard__3d319:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.shopCard__3d319:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.shopCard__3d319:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.shopCard__3d319:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.shopCard__3d319:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.shopCard__3d319:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.shopCard__3d319:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.shopCard__3d319:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.shopCard__3d319:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.shopCard__3d319:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.messageGroupWrapper__1fce2:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.messageGroupWrapper__1fce2:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.messageGroupWrapper__1fce2:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.messageGroupWrapper__1fce2:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.messageGroupWrapper__1fce2:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.messageGroupWrapper__1fce2:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.messageGroupWrapper__1fce2:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.messageGroupWrapper__1fce2:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.messageGroupWrapper__1fce2:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.messageGroupWrapper__1fce2:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.container__7c2c1:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.container__7c2c1:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.container__7c2c1:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.container__7c2c1:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.container__7c2c1:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.container__7c2c1:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.container__7c2c1:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.container__7c2c1:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.container__7c2c1:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.container__7c2c1:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.messageContainer__3e208:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.messageContainer__3e208:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.messageContainer__3e208:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.messageContainer__3e208:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.messageContainer__3e208:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.messageContainer__3e208:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.messageContainer__3e208:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.messageContainer__3e208:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.messageContainer__3e208:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.messageContainer__3e208:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.member_aa4760:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.member_aa4760:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.member_aa4760:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.member_aa4760:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.member_aa4760:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.member_aa4760:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.member_aa4760:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.member_aa4760:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.member_aa4760:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.member_aa4760:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.panels__58331 .avatar__991e2{--demo-gradient-color: oklch(0.7 0.1 var(--demo-self-hue))}.accountProfileCard__744d8,.avatarUploader__1f1a2,.profile_db01cf,.preview__30ef4,.preview__22e05{--demo-gradient-color: oklch(0.7 0.1 var(--demo-self-hue))}.iconContainer_e812a7 .wrapper__3ed10:nth-child(3n+1){--demo-gradient-color: oklch(0.7 0.1 120)}.iconContainer_e812a7 .wrapper__3ed10:nth-child(3n+2){--demo-gradient-color: oklch(0.7 0.1 240)}.iconContainer_e812a7 .wrapper__3ed10:nth-child(3n+3){--demo-gradient-color: oklch(0.7 0.1 360)}.avatarSize__70e76:nth-child(4n+1){--demo-gradient-color: oklch(0.7 0.1 90)}.avatarSize__70e76:nth-child(4n+2){--demo-gradient-color: oklch(0.7 0.1 180)}.avatarSize__70e76:nth-child(4n+3){--demo-gradient-color: oklch(0.7 0.1 270)}.avatarSize__70e76:nth-child(4n+4){--demo-gradient-color: oklch(0.7 0.1 360)}.option__91497:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.option__91497:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.option__91497:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.option__91497:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.option__91497:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.option__91497:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.option__91497:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.option__91497:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.option__91497:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.option__91497:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.container__3be1d:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.container__3be1d:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.container__3be1d:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.container__3be1d:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.container__3be1d:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.container__3be1d:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.container__3be1d:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.container__3be1d:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.container__3be1d:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.container__3be1d:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.statusIcon_dd26a9{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue))}.videoFrame_de25a1{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue))}.tileSizer__9b4d7:nth-child(4n+1){--demo-gradient-color: oklch(0.7 0.1 90)}.tileSizer__9b4d7:nth-child(4n+2){--demo-gradient-color: oklch(0.7 0.1 180)}.tileSizer__9b4d7:nth-child(4n+3){--demo-gradient-color: oklch(0.7 0.1 270)}.tileSizer__9b4d7:nth-child(4n+4){--demo-gradient-color: oklch(0.7 0.1 360)}.guildIcon_ed1ab4{content:linear-gradient(var(--demo-gradient-color) 0 100%)}.emoji__92b46,.image__43623,.stickerAsset_ab864f{content:linear-gradient(var(--demo-gradient-color) 0 100%);border-radius:var(--demo-emoji-radius);opacity:var(--demo-emoji-opacity);-o-object-fit:unset;object-fit:unset}.listItems__49027>div:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.listItems__49027>div:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.listItems__49027>div:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.listItems__49027>div:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.listItems__49027>div:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.listItems__49027>div:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.listItems__49027>div:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.listItems__49027>div:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.listItems__49027>div:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.listItems__49027>div:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.emojiListRow__6d732>li:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.emojiListRow__6d732>li:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.emojiListRow__6d732>li:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.emojiListRow__6d732>li:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.emojiListRow__6d732>li:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.emojiListRow__6d732>li:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.emojiListRow__6d732>li:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.emojiListRow__6d732>li:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.emojiListRow__6d732>li:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.emojiListRow__6d732>li:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.row_b3c4f2:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.row_b3c4f2:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.row_b3c4f2:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.row_b3c4f2:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.row_b3c4f2:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.row_b3c4f2:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.row_b3c4f2:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.row_b3c4f2:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.row_b3c4f2:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.row_b3c4f2:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.inspector__80c84{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue))}.loadingOverlay__35a04{--demo-gradient-color: oklch(0.7 0.1 var(--demo-image-hue))}.loadingOverlay__35a04::before{content:"";display:block;width:100%;height:100%;background:linear-gradient(var(--demo-gradient-color) 0 100%);position:absolute;z-index:1}.upload_c98ecb:nth-child(4n+1){--demo-gradient-color: oklch(0.7 0.1 90)}.upload_c98ecb:nth-child(4n+2){--demo-gradient-color: oklch(0.7 0.1 180)}.upload_c98ecb:nth-child(4n+3){--demo-gradient-color: oklch(0.7 0.1 270)}.upload_c98ecb:nth-child(4n+4){--demo-gradient-color: oklch(0.7 0.1 360)}.upload_c98ecb .mediaContainer_e3d4b8{background:linear-gradient(var(--demo-gradient-color) 0 100%);height:100%}.upload_c98ecb .mediaContainer_e3d4b8 .media__47d7e{display:none}.expandable__6a921 .icon__4bc4d{--demo-gradient-color: oklch(0.7 0.1 var(--demo-image-hue));content:linear-gradient(var(--demo-gradient-color) 0 100%)}.banner__6d414{background-image:none !important}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528) .icon__11cf1{content:linear-gradient(var(--demo-gradient-color) 0 100%)}.icon__94164{background:linear-gradient(var(--demo-gradient-color) 0 100%) !important}.guildIcon_b6bfa7:nth-child(4n+1){--demo-gradient-color: oklch(0.7 0.1 90)}.guildIcon_b6bfa7:nth-child(4n+2){--demo-gradient-color: oklch(0.7 0.1 180)}.guildIcon_b6bfa7:nth-child(4n+3){--demo-gradient-color: oklch(0.7 0.1 270)}.guildIcon_b6bfa7:nth-child(4n+4){--demo-gradient-color: oklch(0.7 0.1 360)}.avatar__611fe:nth-child(3n+1),.memberSince__2eba7:nth-child(3n+1){--demo-gradient-color: oklch(0.7 0.1 120)}.avatar__611fe:nth-child(3n+2),.memberSince__2eba7:nth-child(3n+2){--demo-gradient-color: oklch(0.7 0.1 240)}.avatar__611fe:nth-child(3n+3),.memberSince__2eba7:nth-child(3n+3){--demo-gradient-color: oklch(0.7 0.1 360)}.aboutMeGuildIcon_b141fb{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue))}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.guildContainer_fef06f:nth-child(3n+1){--demo-gradient-color: oklch(0.7 0.1 120)}.guildContainer_fef06f:nth-child(3n+2){--demo-gradient-color: oklch(0.7 0.1 240)}.guildContainer_fef06f:nth-child(3n+3){--demo-gradient-color: oklch(0.7 0.1 360)}.bannerImg_fe5c1b{--demo-gradient-color: oklch(0.7 0.1 var(--demo-banner-hue));content:linear-gradient(var(--demo-gradient-color) 0 100%)}.emoji,.roleIcon__92480,.badge_d12073{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue));content:linear-gradient(var(--demo-gradient-color) 0 100%);border-radius:var(--demo-emoji-radius);opacity:var(--demo-emoji-opacity);aspect-ratio:1/1;-o-object-fit:unset;object-fit:unset}.assetsLargeImage__57902,.assetsSmallImage__4c2f1,.gameIcon_f19d1f{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue));content:linear-gradient(var(--demo-gradient-color) 0 100%)}.authedApp__71a52:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.authedApp__71a52:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.authedApp__71a52:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.authedApp__71a52:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.authedApp__71a52:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.authedApp__71a52:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.authedApp__71a52:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.authedApp__71a52:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.authedApp__71a52:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.authedApp__71a52:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.authedApp__71a52 .appAvatar__1fa87{content:linear-gradient(var(--demo-gradient-color) 0 100%)}
\ No newline at end of file
+@import"https://fonts.googleapis.com/css2?family=Flow+Block&family=Flow+Rounded&family=Flow+Circular&family=Noto+Emoji&display=swap";:is(.messageListItem__050f9,.container__9922f,.container__3792d,.listRow__50619,.peopleListItem_dab480,.itemCard_b64118,.option__91497,.container__3be1d,.result__25f11,.inviteRow_d6ad74,.friendWrapper_f9b51d,.shopCard__3d319,.messageGroupWrapper__1fce2,.container__7c2c1,.messageContainer__3e208,.member_aa4760):nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}:is(.messageListItem__050f9,.container__9922f,.container__3792d,.listRow__50619,.peopleListItem_dab480,.itemCard_b64118,.option__91497,.container__3be1d,.result__25f11,.inviteRow_d6ad74,.friendWrapper_f9b51d,.shopCard__3d319,.messageGroupWrapper__1fce2,.container__7c2c1,.messageContainer__3e208,.member_aa4760):nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}:is(.messageListItem__050f9,.container__9922f,.container__3792d,.listRow__50619,.peopleListItem_dab480,.itemCard_b64118,.option__91497,.container__3be1d,.result__25f11,.inviteRow_d6ad74,.friendWrapper_f9b51d,.shopCard__3d319,.messageGroupWrapper__1fce2,.container__7c2c1,.messageContainer__3e208,.member_aa4760):nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}:is(.messageListItem__050f9,.container__9922f,.container__3792d,.listRow__50619,.peopleListItem_dab480,.itemCard_b64118,.option__91497,.container__3be1d,.result__25f11,.inviteRow_d6ad74,.friendWrapper_f9b51d,.shopCard__3d319,.messageGroupWrapper__1fce2,.container__7c2c1,.messageContainer__3e208,.member_aa4760):nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}:is(.messageListItem__050f9,.container__9922f,.container__3792d,.listRow__50619,.peopleListItem_dab480,.itemCard_b64118,.option__91497,.container__3be1d,.result__25f11,.inviteRow_d6ad74,.friendWrapper_f9b51d,.shopCard__3d319,.messageGroupWrapper__1fce2,.container__7c2c1,.messageContainer__3e208,.member_aa4760):nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}:is(.messageListItem__050f9,.container__9922f,.container__3792d,.listRow__50619,.peopleListItem_dab480,.itemCard_b64118,.option__91497,.container__3be1d,.result__25f11,.inviteRow_d6ad74,.friendWrapper_f9b51d,.shopCard__3d319,.messageGroupWrapper__1fce2,.container__7c2c1,.messageContainer__3e208,.member_aa4760):nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}:is(.messageListItem__050f9,.container__9922f,.container__3792d,.listRow__50619,.peopleListItem_dab480,.itemCard_b64118,.option__91497,.container__3be1d,.result__25f11,.inviteRow_d6ad74,.friendWrapper_f9b51d,.shopCard__3d319,.messageGroupWrapper__1fce2,.container__7c2c1,.messageContainer__3e208,.member_aa4760):nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}:is(.messageListItem__050f9,.container__9922f,.container__3792d,.listRow__50619,.peopleListItem_dab480,.itemCard_b64118,.option__91497,.container__3be1d,.result__25f11,.inviteRow_d6ad74,.friendWrapper_f9b51d,.shopCard__3d319,.messageGroupWrapper__1fce2,.container__7c2c1,.messageContainer__3e208,.member_aa4760):nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}:is(.messageListItem__050f9,.container__9922f,.container__3792d,.listRow__50619,.peopleListItem_dab480,.itemCard_b64118,.option__91497,.container__3be1d,.result__25f11,.inviteRow_d6ad74,.friendWrapper_f9b51d,.shopCard__3d319,.messageGroupWrapper__1fce2,.container__7c2c1,.messageContainer__3e208,.member_aa4760):nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}:is(.messageListItem__050f9,.container__9922f,.container__3792d,.listRow__50619,.peopleListItem_dab480,.itemCard_b64118,.option__91497,.container__3be1d,.result__25f11,.inviteRow_d6ad74,.friendWrapper_f9b51d,.shopCard__3d319,.messageGroupWrapper__1fce2,.container__7c2c1,.messageContainer__3e208,.member_aa4760):nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}:is(.avatarSize__70e76,.tileSizer__9b4d7):nth-child(4n+1){--demo-gradient-color: oklch(0.7 0.1 90)}:is(.avatarSize__70e76,.tileSizer__9b4d7):nth-child(4n+2){--demo-gradient-color: oklch(0.7 0.1 180)}:is(.avatarSize__70e76,.tileSizer__9b4d7):nth-child(4n+3){--demo-gradient-color: oklch(0.7 0.1 270)}:is(.avatarSize__70e76,.tileSizer__9b4d7):nth-child(4n+4){--demo-gradient-color: oklch(0.7 0.1 360)}:is(.base__06abc .text_eb454c strong,.iconContainer_e812a7 .wrapper__3ed10):nth-child(3n+1){--demo-gradient-color: oklch(0.7 0.1 120)}:is(.base__06abc .text_eb454c strong,.iconContainer_e812a7 .wrapper__3ed10):nth-child(3n+2){--demo-gradient-color: oklch(0.7 0.1 240)}:is(.base__06abc .text_eb454c strong,.iconContainer_e812a7 .wrapper__3ed10):nth-child(3n+3){--demo-gradient-color: oklch(0.7 0.1 360)}:is(.memberItem_e792da,.upperContainer__57565,.statusIcon_dd26a9,.videoFrame_de25a1){--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue))}:is(.panels__58331 .avatar__991e2,.accountProfileCard__744d8,.avatarUploader__1f1a2,.profile_db01cf,.preview__30ef4,.preview__22e05){--demo-gradient-color: oklch(0.7 0.1 var(--demo-self-hue))}.userProfileOuterUnthemed__9741c :is(.avatarHoverTarget__9b4a9,.avatar__445f3){--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue))}.userProfileOuterThemed_a425f3 :is(.avatarHoverTarget__9b4a9,.avatar__445f3) .avatar__991e2:where(:not(.avatarDecoration_cf681a .avatar__991e2)){content:linear-gradient(var(--profile-gradient-primary-color), var(--profile-gradient-secondary-color))}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+1){--demo-gradient-color: oklch(0.7 0.1 60)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+2){--demo-gradient-color: oklch(0.7 0.1 120)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+3){--demo-gradient-color: oklch(0.7 0.1 180)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+4){--demo-gradient-color: oklch(0.7 0.1 240)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+5){--demo-gradient-color: oklch(0.7 0.1 300)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747):nth-child(6n+6){--demo-gradient-color: oklch(0.7 0.1 360)}:is(.avatarContainerMasked_ed6212,.avatarContainer__37747) .avatar__777a6{content:linear-gradient(var(--demo-gradient-color) 0 100%)}.draggable__68384:nth-child(7n+1){--demo-gradient-color: oklch(0.7 0.1 51.4285714286)}.draggable__68384:nth-child(7n+2){--demo-gradient-color: oklch(0.7 0.1 102.8571428571)}.draggable__68384:nth-child(7n+3){--demo-gradient-color: oklch(0.7 0.1 154.2857142857)}.draggable__68384:nth-child(7n+4){--demo-gradient-color: oklch(0.7 0.1 205.7142857143)}.draggable__68384:nth-child(7n+5){--demo-gradient-color: oklch(0.7 0.1 257.1428571429)}.draggable__68384:nth-child(7n+6){--demo-gradient-color: oklch(0.7 0.1 308.5714285714)}.draggable__68384:nth-child(7n+7){--demo-gradient-color: oklch(0.7 0.1 360)}.draggable__68384 .userAvatar_f45224{background:linear-gradient(var(--demo-gradient-color) 0 100%) !important}.avatarContainer__9688b:nth-child(8n+1){--demo-gradient-color: oklch(0.7 0.1 45)}.avatarContainer__9688b:nth-child(8n+2){--demo-gradient-color: oklch(0.7 0.1 90)}.avatarContainer__9688b:nth-child(8n+3){--demo-gradient-color: oklch(0.7 0.1 135)}.avatarContainer__9688b:nth-child(8n+4){--demo-gradient-color: oklch(0.7 0.1 180)}.avatarContainer__9688b:nth-child(8n+5){--demo-gradient-color: oklch(0.7 0.1 225)}.avatarContainer__9688b:nth-child(8n+6){--demo-gradient-color: oklch(0.7 0.1 270)}.avatarContainer__9688b:nth-child(8n+7){--demo-gradient-color: oklch(0.7 0.1 315)}.avatarContainer__9688b:nth-child(8n+8){--demo-gradient-color: oklch(0.7 0.1 360)}.avatarContainer__9688b .avatar_c9fdd4{background:linear-gradient(var(--demo-gradient-color) 0 100%) !important}:is(.avatar__991e2:where(:not(.avatarDecoration_cf681a .avatar__991e2)),.avatar__08316,.threadMessageAccessoryAvatar__27333,.replyAvatar__4ba85,.executedCommandAvatar_cfc856,.dmIcon__160f0,.displayAvatar__0be99,.embedAuthorIcon_d3f927){content:linear-gradient(var(--demo-gradient-color) 0 100%)}.avatarUploaderInner__71578{background:linear-gradient(var(--demo-gradient-color) 0 100%) !important}.guildIcon_ed1ab4{content:linear-gradient(var(--demo-gradient-color) 0 100%)}.emoji__92b46,.image__43623,.stickerAsset_ab864f{content:linear-gradient(var(--demo-gradient-color) 0 100%);border-radius:var(--demo-emoji-radius);opacity:var(--demo-emoji-opacity);-o-object-fit:unset;object-fit:unset}:is(.listItems__49027>div,.emojiListRow__6d732>li,.row_b3c4f2):nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}:is(.listItems__49027>div,.emojiListRow__6d732>li,.row_b3c4f2):nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}:is(.listItems__49027>div,.emojiListRow__6d732>li,.row_b3c4f2):nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}:is(.listItems__49027>div,.emojiListRow__6d732>li,.row_b3c4f2):nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}:is(.listItems__49027>div,.emojiListRow__6d732>li,.row_b3c4f2):nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}:is(.listItems__49027>div,.emojiListRow__6d732>li,.row_b3c4f2):nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}:is(.listItems__49027>div,.emojiListRow__6d732>li,.row_b3c4f2):nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}:is(.listItems__49027>div,.emojiListRow__6d732>li,.row_b3c4f2):nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}:is(.listItems__49027>div,.emojiListRow__6d732>li,.row_b3c4f2):nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}:is(.listItems__49027>div,.emojiListRow__6d732>li,.row_b3c4f2):nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.inspector__80c84{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue))}.loadingOverlay__35a04{--demo-gradient-color: oklch(0.7 0.1 var(--demo-image-hue))}.loadingOverlay__35a04::before{content:"";display:block;width:100%;height:100%;background:linear-gradient(var(--demo-gradient-color) 0 100%);position:absolute;z-index:1}.upload_c98ecb:nth-child(4n+1){--demo-gradient-color: oklch(0.7 0.1 90)}.upload_c98ecb:nth-child(4n+2){--demo-gradient-color: oklch(0.7 0.1 180)}.upload_c98ecb:nth-child(4n+3){--demo-gradient-color: oklch(0.7 0.1 270)}.upload_c98ecb:nth-child(4n+4){--demo-gradient-color: oklch(0.7 0.1 360)}.upload_c98ecb .mediaContainer_e3d4b8{background:linear-gradient(var(--demo-gradient-color) 0 100%);height:100%}.upload_c98ecb .mediaContainer_e3d4b8 .media__47d7e{display:none}.expandable__6a921 .icon__4bc4d{--demo-gradient-color: oklch(0.7 0.1 var(--demo-image-hue));content:linear-gradient(var(--demo-gradient-color) 0 100%)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528):nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528) .icon__11cf1{content:linear-gradient(var(--demo-gradient-color) 0 100%)}.icon__94164{background:linear-gradient(var(--demo-gradient-color) 0 100%) !important}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.recentMentionsPopout__40c54 .scroller_e3927b>[style="opacity: 1; height: auto;"]:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.guildIcon_b6bfa7:nth-child(4n+1){--demo-gradient-color: oklch(0.7 0.1 90)}.guildIcon_b6bfa7:nth-child(4n+2){--demo-gradient-color: oklch(0.7 0.1 180)}.guildIcon_b6bfa7:nth-child(4n+3){--demo-gradient-color: oklch(0.7 0.1 270)}.guildIcon_b6bfa7:nth-child(4n+4){--demo-gradient-color: oklch(0.7 0.1 360)}:is(.avatar__611fe,.memberSince__2eba7,.guildContainer_fef06f):nth-child(3n+1){--demo-gradient-color: oklch(0.7 0.1 120)}:is(.avatar__611fe,.memberSince__2eba7,.guildContainer_fef06f):nth-child(3n+2){--demo-gradient-color: oklch(0.7 0.1 240)}:is(.avatar__611fe,.memberSince__2eba7,.guildContainer_fef06f):nth-child(3n+3){--demo-gradient-color: oklch(0.7 0.1 360)}.aboutMeGuildIcon_b141fb{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue))}.banner__6d414{background-image:none !important}.bannerImg_fe5c1b{--demo-gradient-color: oklch(0.7 0.1 var(--demo-banner-hue));content:linear-gradient(var(--demo-gradient-color) 0 100%)}.emoji,.roleIcon__92480,.badge_d12073{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue));content:linear-gradient(var(--demo-gradient-color) 0 100%);border-radius:var(--demo-emoji-radius);opacity:var(--demo-emoji-opacity);aspect-ratio:1/1;-o-object-fit:unset;object-fit:unset}.assetsLargeImage__57902,.assetsSmallImage__4c2f1,.largeImage_afc95a,.smallImage__5c837,.gameIcon_f19d1f,.headerIcon__8b290,.multipleIconWrapper__8dd58{--demo-gradient-color: oklch(0.7 0.1 var(--demo-icon-hue));content:linear-gradient(var(--demo-gradient-color) 0 100%)}.authedApp__71a52:nth-child(10n+1){--demo-gradient-color: oklch(0.7 0.1 36)}.authedApp__71a52:nth-child(10n+2){--demo-gradient-color: oklch(0.7 0.1 72)}.authedApp__71a52:nth-child(10n+3){--demo-gradient-color: oklch(0.7 0.1 108)}.authedApp__71a52:nth-child(10n+4){--demo-gradient-color: oklch(0.7 0.1 144)}.authedApp__71a52:nth-child(10n+5){--demo-gradient-color: oklch(0.7 0.1 180)}.authedApp__71a52:nth-child(10n+6){--demo-gradient-color: oklch(0.7 0.1 216)}.authedApp__71a52:nth-child(10n+7){--demo-gradient-color: oklch(0.7 0.1 252)}.authedApp__71a52:nth-child(10n+8){--demo-gradient-color: oklch(0.7 0.1 288)}.authedApp__71a52:nth-child(10n+9){--demo-gradient-color: oklch(0.7 0.1 324)}.authedApp__71a52:nth-child(10n+10){--demo-gradient-color: oklch(0.7 0.1 360)}.authedApp__71a52 .appAvatar__1fa87{content:linear-gradient(var(--demo-gradient-color) 0 100%)}@container demo-clientmod style(--demo-clientmod: hidden){}@container demo-clientmod style(--demo-clientmod: hidden){}@container demo-clientmod style(--demo-clientmod: hidden){.vc-toolbox-btn{display:none}.vc-chatbar-button{display:none}.horizontal__4848b [aria-label="Disable Game Activity"]{display:none}[aria-label=Translate]{display:none}.profileBadges__1f2ab .anchor_c8ddc0:has([src*="badges.vencord"]){display:none}.header__71a82:has(+.item__48dda[class^=vc-]),.item__48dda[class^=vc-],.item__48dda[class^=vc-]+.separator_d14fb1{display:none}}@container demo-text style(--demo-text: hidden){body{--font-primary: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;--font-display: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;--font-headline: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;--font-code: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, monospace !important;--font-clan-body: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;--font-clan-signature: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important}}:root{container:demo-clientmod demo-text}@property --demo-text{syntax:"normal | censor";inherits:false;initial-value:censor}@property --demo-font-variant{syntax:"Circular | Rounded | Block";inherits:false;initial-value:Circular}@property --demo-font-emoji{syntax:"Noto | none";inherits:false;initial-value:Noto}@property --demo-icon-hue{syntax:"<number>";inherits:true;initial-value:240}@property --demo-image-hue{syntax:"<number>";inherits:true;initial-value:270}@property --demo-banner-hue{syntax:"<number>";inherits:true;initial-value:180}@property --demo-self-hue{syntax:"<number>";inherits:true;initial-value:300}@property --demo-emoji-radius{syntax:"<length>";inherits:true;initial-value:4px}@property --demo-emoji-opacity{syntax:"<number>";inherits:true;initial-value:.5}@property --demo-gradient-color{syntax:"<color>";inherits:true;initial-value:red}@property --demo-clientmod{syntax:"visible | hidden";inherits:false;initial-value:visible}
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
index 1016910..da9075e 100644
--- a/manifest.json
+++ b/manifest.json
@@ -7,7 +7,7 @@
     "discordID": "134142022092062720",
     "github": "Saltssaumure"
   },
-  "version": "1.0.0",
+  "version": "1.1.0",
   "updater": {
     "type": "store",
     "id": "net.saltssaumure.Demonstration"
diff --git a/package.json b/package.json
index 6c71340..f74a37c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "demonstration-discord-theme",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A Discord theme for demonstrating Discord themes.",
   "repository": "github:MiniDiscordThemes/Demonstration",
   "author": "Saltssaumure <themes@saltssaumure.net>",
diff --git a/scss/_funcs.scss b/scss/_funcs.scss
new file mode 100644
index 0000000..c5a4d2a
--- /dev/null
+++ b/scss/_funcs.scss
@@ -0,0 +1,11 @@
+@use "sass:list";
+@use "sass:string";
+
+// Generate unquoted list of selectors from list
+@function unquoteSelectors($selectors) {
+    $unquoted: ();
+    @each $selector in $selectors {
+        $unquoted: list.append($unquoted, string.unquote($selector), comma);
+    }
+    @return $unquoted;
+}
diff --git a/scss/_vars.scss b/scss/_vars.scss
index 86ea696..e1214ff 100644
--- a/scss/_vars.scss
+++ b/scss/_vars.scss
@@ -10,7 +10,16 @@ $gradient: linear-gradient($color 0 100%);
 //     );
 
 //     // Weird marble (nice)
-//     $gradient: radial-gradient(circle at 25% 25% in oklch longer hue, var(--demo-gradient-color), transparent),
-//         radial-gradient(circle at 75% 75% in oklch longer hue, transparent, hsl(from var(--demo-gradient-color) calc(h + 60) calc(s + 1) l)),
-//         hsl(from var(--demo-gradient-color) calc(h + 60) calc(s - 1) l);
+//     $gradient: radial-gradient(
+//             circle at 25% 25% in oklch longer hue,
+//             var(--demo-gradient-color),
+//             transparent
+//         ),
+//         radial-gradient(
+//             circle at 75% 75% in oklch longer hue,
+//             transparent,
+//             hsl(from var(--demo-gradient-color) calc(h + 60) calc(s + 1) l)
+//         ),
+//         hsl(from var(--demo-gradient-color) calc(h + 60) calc(s - 1) l)
+//     ;
 // }
diff --git a/scss/demo.scss b/scss/demo.scss
index b989406..fbbc43d 100644
--- a/scss/demo.scss
+++ b/scss/demo.scss
@@ -1,3 +1,4 @@
-@forward "./part";
-@forward "./override";
 @forward "./main";
+@forward "./mod";
+@forward "./part";
+@forward "./themesettings";
diff --git a/scss/main/_emojipicker.scss b/scss/main/_emojipicker.scss
index 94b33c4..3c169bd 100644
--- a/scss/main/_emojipicker.scss
+++ b/scss/main/_emojipicker.scss
@@ -1,39 +1,37 @@
-@use "../vars" as *;
-@use "../mixins" as *;
+@use "../funcs" as func;
+@use "../vars" as var;
+@use "../mixins" as mixin;
 
 // Emoji picker
 
 // Server icon
 .guildIcon_ed1ab4 {
-    content: $gradient;
+    content: var.$gradient;
 }
 
 // Emoji, emoji, sticker
 .emoji__92b46,
 .image__43623,
 .stickerAsset_ab864f {
-    content: $gradient;
-    @include addRoundedCorners;
-    @include addTransparency;
+    content: var.$gradient;
+    @include mixin.addRoundedCorners;
+    @include mixin.addTransparency;
     object-fit: unset;
 }
 
-// Server list
-.listItems__49027 > div {
-    @include genColors;
+$_locations: (
+    // In server list
+    ".listItems__49027 > div",
+    // In emoji grid
+    ".emojiListRow__6d732 > li",
+    // In sticker grid
+    ".row_b3c4f2"
+);
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genColors;
 }
 
-// Emoji grid
-.emojiListRow__6d732 > li {
-    @include genColors;
-}
-
-// Sticker grid
-.row_b3c4f2 {
-    @include genColors;
-}
-
-// Bottom bar current emoji info
+// In bottom bar current emoji info
 .inspector__80c84 {
-    @include genOneColor(var(--demo-icon-hue));
+    @include mixin.genOneColor(var(--demo-icon-hue));
 }
diff --git a/scss/main/_image.scss b/scss/main/_image.scss
index e0cd2fc..daaf050 100644
--- a/scss/main/_image.scss
+++ b/scss/main/_image.scss
@@ -1,17 +1,17 @@
-@use "../vars" as *;
-@use "../mixins" as *;
+@use "../vars" as var;
+@use "../mixins" as mixin;
 
-// Uploaded images
+// Attachment images
 
 // Images and videos in chat
 .loadingOverlay__35a04 {
-    @include genOneColor(var(--demo-image-hue));
+    @include mixin.genOneColor(var(--demo-image-hue));
     &::before {
         content: "";
         display: block;
         width: 100%;
         height: 100%;
-        background: $gradient;
+        background: var.$gradient;
         position: absolute;
         z-index: 1;
     }
@@ -19,9 +19,9 @@
 
 // Before upload attachment preview
 .upload_c98ecb {
-    @include genColors(4);
+    @include mixin.genColors(4);
     .mediaContainer_e3d4b8 {
-        background: $gradient;
+        background: var.$gradient;
         height: 100%;
         .media__47d7e {
             display: none;
@@ -31,11 +31,6 @@
 
 // Edit attachment details modal
 .expandable__6a921 .icon__4bc4d {
-    @include genOneColor(var(--demo-image-hue));
-    content: $gradient;
-}
-
-// Profile banner
-.banner__6d414 {
-    background-image: none !important;
+    @include mixin.genOneColor(var(--demo-image-hue));
+    content: var.$gradient;
 }
diff --git a/scss/main/_misc.scss b/scss/main/_misc.scss
index 145602b..9cf1f97 100644
--- a/scss/main/_misc.scss
+++ b/scss/main/_misc.scss
@@ -1,22 +1,27 @@
-@use "../vars" as *;
-@use "../mixins" as *;
+@use "../vars" as var;
+@use "../mixins" as mixin;
 
-// Stuff I'm not sure where to put yet
+// Misc content
+
+// Profile banner
+.banner__6d414 {
+    background-image: none !important;
+}
 
 // Server banner
 .bannerImg_fe5c1b {
-    @include genOneColor(var(--demo-banner-hue));
-    content: $gradient;
+    @include mixin.genOneColor(var(--demo-banner-hue));
+    content: var.$gradient;
 }
 
 // Emoji, role icon, clan badge
 .emoji,
 .roleIcon__92480,
 .badge_d12073 {
-    @include genOneColor(var(--demo-icon-hue));
-    content: $gradient;
-    @include addRoundedCorners;
-    @include addTransparency;
+    @include mixin.genOneColor(var(--demo-icon-hue));
+    content: var.$gradient;
+    @include mixin.addRoundedCorners;
+    @include mixin.addTransparency;
     aspect-ratio: 1 / 1;
     object-fit: unset;
 }
@@ -24,15 +29,19 @@
 // Activity icon
 .assetsLargeImage__57902,
 .assetsSmallImage__4c2f1,
-.gameIcon_f19d1f {
-    @include genOneColor(var(--demo-icon-hue));
-    content: $gradient;
+.largeImage_afc95a,
+.smallImage__5c837,
+.gameIcon_f19d1f,
+.headerIcon__8b290,
+.multipleIconWrapper__8dd58 {
+    @include mixin.genOneColor(var(--demo-icon-hue));
+    content: var.$gradient;
 }
 
 // Authorised apps
 .authedApp__71a52 {
-    @include genColors;
+    @include mixin.genColors;
     .appAvatar__1fa87 {
-        content: $gradient;
+        content: var.$gradient;
     }
 }
diff --git a/scss/main/_server.scss b/scss/main/_server.scss
index a5917ff..aa8e0bb 100644
--- a/scss/main/_server.scss
+++ b/scss/main/_server.scss
@@ -1,43 +1,44 @@
-@use "../vars" as *;
-@use "../mixins" as *;
+@use "../funcs" as func;
+@use "../vars" as var;
+@use "../mixins" as mixin;
 
 // Server icon
 
 // Full size server and active DM user
 .listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528) {
-    @include genColors;
+    @include mixin.genColors;
     .icon__11cf1 {
-        content: $gradient;
+        content: var.$gradient;
     }
 }
 
 // Mini server icons
 .icon__94164 {
-    background: $gradient !important;
+    background: var.$gradient !important;
+}
+
+// In inbox unreads
+.recentMentionsPopout__40c54 .scroller_e3927b > [style="opacity: 1; height: auto;"] {
+    @include mixin.genColors;
 }
 
 // In collapsed folder
 .guildIcon_b6bfa7 {
-    @include genColors(4);
+    @include mixin.genColors(4);
 }
 
-// In profile popout mutual servers
-.avatar__611fe,
-.memberSince__2eba7 {
-    @include genColors(3);
+$_locations: (
+    // In profile popout mutual servers
+    ".avatar__611fe",
+    ".memberSince__2eba7",
+    // In settings boost tab
+    ".guildContainer_fef06f"
+);
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genColors(3);
 }
 
 // In profile popout server-specific about me
 .aboutMeGuildIcon_b141fb {
-    @include genOneColor(var(--demo-icon-hue));
-}
-
-// In inbox unreads
-.recentMentionsPopout__40c54 .scroller_e3927b > [style="opacity: 1; height: auto;"] {
-    @include genColors;
-}
-
-// In settings boost tab
-.guildContainer_fef06f {
-    @include genColors(3);
+    @include mixin.genOneColor(var(--demo-icon-hue));
 }
diff --git a/scss/main/avatar/_location.scss b/scss/main/avatar/_location.scss
new file mode 100644
index 0000000..fe8912a
--- /dev/null
+++ b/scss/main/avatar/_location.scss
@@ -0,0 +1,90 @@
+@use "../../funcs" as func;
+@use "../../mixins" as mixin;
+
+// User avatar location
+
+$_locations: (
+    // In chat message
+    ".messageListItem__050f9",
+    // In active threads
+    ".container__9922f",
+    // In DM list
+    ".container__3792d",
+    // In DM profile mutual friends
+    ".listRow__50619",
+    // In Friends list
+    ".peopleListItem_dab480",
+    // In Active Now list
+    ".itemCard_b64118",
+    // In search suggestions
+    ".option__91497",
+    // In search results
+    ".container__3be1d",
+    // In quick switcher modal
+    ".result__25f11",
+    // In invite to server modal
+    ".inviteRow_d6ad74",
+    // In "Select Friends" popout
+    ".friendWrapper_f9b51d",
+    // In avatar decoration shop
+    ".shopCard__3d319",
+    // In pinned messages
+    ".messageGroupWrapper__1fce2",
+    // In inbox mentions
+    ".container__7c2c1",
+    // In inbox unreads
+    ".messageContainer__3e208",
+    // In memberslist
+    ".member_aa4760"
+);
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genColors;
+}
+
+$_locations: (
+    // In "<number> in voice" bubble
+    ".avatarSize__70e76",
+    // In VC video - small row
+    ".tileSizer__9b4d7"
+);
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genColors(4);
+}
+
+$_locations: (
+    // In typing indicator
+    ".base__06abc .text_eb454c strong",
+    // In settings nitro tab
+    ".iconContainer_e812a7 .wrapper__3ed10"
+);
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genColors(3);
+}
+
+$_locations: (
+    // In Active Now actions popover
+    ".memberItem_e792da",
+    // In DM title
+    ".upperContainer__57565",
+    // In VC status
+    ".statusIcon_dd26a9",
+    // In VC video - large video
+    ".videoFrame_de25a1"
+);
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genOneColor(var(--demo-icon-hue));
+}
+
+$_locations: (
+    // In user panel - self
+    ".panels__58331 .avatar__991e2",
+    // In settings - self
+    ".accountProfileCard__744d8",
+    ".avatarUploader__1f1a2",
+    ".profile_db01cf",
+    ".preview__30ef4",
+    ".preview__22e05"
+);
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genOneColor(var(--demo-self-hue));
+}
diff --git a/scss/main/avatar/_mixed.scss b/scss/main/avatar/_mixed.scss
index aa96b09..a6628b8 100644
--- a/scss/main/avatar/_mixed.scss
+++ b/scss/main/avatar/_mixed.scss
@@ -1,5 +1,5 @@
-@use "../../vars" as *;
-@use "../../mixins" as *;
+@use "../../vars" as var;
+@use "../../mixins" as mixin;
 
 // User avatar mixed type and location
 
@@ -7,7 +7,7 @@
 :is(.avatarHoverTarget__9b4a9, .avatar__445f3) {
     // Unthemed
     .userProfileOuterUnthemed__9741c & {
-        @include genOneColor(var(--demo-icon-hue));
+        @include mixin.genOneColor(var(--demo-icon-hue));
     }
     // Themed
     .userProfileOuterThemed_a425f3 & {
@@ -19,24 +19,24 @@
 
 // In VC server tooltip
 :is(.avatarContainerMasked_ed6212, .avatarContainer__37747) {
-    @include genColors(6);
+    @include mixin.genColors(6);
     .avatar__777a6 {
-        content: $gradient;
+        content: var.$gradient;
     }
 }
 
 // In channelslist in VC
 .draggable__68384 {
-    @include genColors(7);
+    @include mixin.genColors(7);
     .userAvatar_f45224 {
-        background: $gradient !important;
+        background: var.$gradient !important;
     }
 }
 
 // In user panel current VC
 .avatarContainer__9688b {
-    @include genColors(8);
+    @include mixin.genColors(8);
     .avatar_c9fdd4 {
-        background: $gradient !important;
+        background: var.$gradient !important;
     }
 }
diff --git a/scss/main/avatar/_type.scss b/scss/main/avatar/_type.scss
index 8165a2f..ded663f 100644
--- a/scss/main/avatar/_type.scss
+++ b/scss/main/avatar/_type.scss
@@ -1,34 +1,31 @@
-@use "../../vars" as *;
-@use "../../mixins" as *;
+@use "../../funcs" as func;
+@use "../../vars" as var;
 
-// User avatar type
+// Avatar types
 
-// Avatar with status mask
-.avatar__991e2:where(:not(.avatarDecoration_cf681a .avatar__991e2)) {
-    content: $gradient;
-}
-
-// Chat avatar
-.avatar__08316 {
-    content: $gradient;
-}
-
-// Reply avatar
-:is(.threadMessageAccessoryAvatar__27333, .replyAvatar__4ba85, .executedCommandAvatar_cfc856) {
-    content: $gradient;
-}
-
-// Inbox unread avatar
-.dmIcon__160f0 {
-    content: $gradient;
-}
-
-// Search suggestions avatar
-.displayAvatar__0be99 {
-    content: $gradient;
+$_avatars: (
+    // Avatar with status mask
+    ".avatar__991e2:where(:not(.avatarDecoration_cf681a .avatar__991e2))",
+    // Chat avatar
+    ".avatar__08316",
+    // Reply avatar
+    ".threadMessageAccessoryAvatar__27333",
+    // Reply avatar
+    ".replyAvatar__4ba85",
+    // Reply avatar
+    ".executedCommandAvatar_cfc856",
+    // Inbox unread avatar
+    ".dmIcon__160f0",
+    // Search suggestions avatar
+    ".displayAvatar__0be99",
+    // Embed author avatar
+    ".embedAuthorIcon_d3f927"
+);
+:is(#{func.unquoteSelectors($_avatars)}) {
+    content: var.$gradient;
 }
 
 // Profile settings avatar
 .avatarUploaderInner__71578 {
-    background: $gradient !important;
+    background: var.$gradient !important;
 }
diff --git a/scss/main/avatar/_where.scss b/scss/main/avatar/_where.scss
deleted file mode 100644
index 233f20f..0000000
--- a/scss/main/avatar/_where.scss
+++ /dev/null
@@ -1,118 +0,0 @@
-@use "../../vars" as *;
-@use "../../mixins" as *;
-
-// User avatar location
-
-// In chat message
-.messageListItem__050f9 {
-    @include genColors;
-}
-
-// In active threads
-.container__9922f {
-    @include genColors;
-}
-
-// In DM list
-.container__3792d {
-    @include genColors;
-}
-
-// In DM title
-.upperContainer__57565 {
-    @include genOneColor(var(--demo-icon-hue));
-}
-
-// In DM profile mutual friends
-.listRow__50619 {
-    @include genColors;
-}
-
-// In quick switcher modal
-.result__25f11 {
-    @include genColors;
-}
-
-// In invite to server modal
-.inviteRow_d6ad74 {
-    @include genColors;
-}
-
-// In "Select Friends" popout
-.friendWrapper_f9b51d {
-    @include genColors;
-}
-
-// In avatar decoration shop
-.shopCard__3d319 {
-    @include genColors;
-}
-
-// In pinned messages
-.messageGroupWrapper__1fce2 {
-    @include genColors;
-}
-
-// In inbox mentions
-.container__7c2c1 {
-    @include genColors;
-}
-
-// In inbox unreads
-.messageContainer__3e208 {
-    @include genColors;
-}
-
-// In memberslist
-.member_aa4760 {
-    @include genColors;
-}
-
-// In user panel - self
-.panels__58331 .avatar__991e2 {
-    @include genOneColor(var(--demo-self-hue));
-}
-
-// In settings - self
-.accountProfileCard__744d8,
-.avatarUploader__1f1a2,
-.profile_db01cf,
-.preview__30ef4,
-.preview__22e05 {
-    @include genOneColor(var(--demo-self-hue));
-}
-
-// In settings nitro tab
-.iconContainer_e812a7 .wrapper__3ed10 {
-    @include genColors(3);
-}
-
-// In "<number> in voice" bubble
-.avatarSize__70e76 {
-    @include genColors(4);
-}
-
-// In search suggestions
-.option__91497 {
-    @include genColors;
-}
-
-// In search results
-.container__3be1d {
-    @include genColors;
-}
-
-// In vc status
-.statusIcon_dd26a9 {
-    @include genOneColor(var(--demo-icon-hue));
-}
-
-// In VC video
-// Large video
-.videoFrame_de25a1 {
-    @include genOneColor(var(--demo-icon-hue));
-}
-// Small video in row
-.tileSizer__9b4d7 {
-    @include genColors(4);
-}
diff --git a/scss/main/avatar/index.scss b/scss/main/avatar/index.scss
index f115e8a..2be4184 100644
--- a/scss/main/avatar/index.scss
+++ b/scss/main/avatar/index.scss
@@ -1,3 +1,3 @@
+@forward "./location";
 @forward "./mixed";
 @forward "./type";
-@forward "./where";
diff --git a/scss/mod/_BetterDiscord.scss b/scss/mod/_BetterDiscord.scss
new file mode 100644
index 0000000..84d3993
--- /dev/null
+++ b/scss/mod/_BetterDiscord.scss
@@ -0,0 +1,4 @@
+// Hide BetterDiscord elements if user sets --demo-clientmod to hidden
+
+@container demo-clientmod style(--demo-clientmod: hidden) {
+}
diff --git a/scss/mod/_Replugged.scss b/scss/mod/_Replugged.scss
new file mode 100644
index 0000000..ce27eac
--- /dev/null
+++ b/scss/mod/_Replugged.scss
@@ -0,0 +1,4 @@
+// Hide Replugged elements if user sets --demo-clientmod to hidden
+
+@container demo-clientmod style(--demo-clientmod: hidden) {
+}
diff --git a/scss/mod/_Vencord.scss b/scss/mod/_Vencord.scss
new file mode 100644
index 0000000..1f06922
--- /dev/null
+++ b/scss/mod/_Vencord.scss
@@ -0,0 +1,37 @@
+// Hide Vencord elements if user sets --demo-vencord to hidden
+
+@container demo-clientmod style(--demo-clientmod: hidden) {
+    // Hide Vencord Toolbox
+    .vc-toolbox-btn {
+        display: none;
+    }
+
+    // Hide Vencord chat buttons
+    .vc-chatbar-button {
+        display: none;
+    }
+
+    // Hide "Disable Game Activity" button
+    .horizontal__4848b {
+        [aria-label="Disable Game Activity"] {
+            display: none;
+        }
+    }
+
+    // Hide "Translate" button
+    [aria-label="Translate"] {
+        display: none;
+    }
+
+    // Hide Vencord profile badges
+    .profileBadges__1f2ab .anchor_c8ddc0:has([src*="badges.vencord"]) {
+        display: none;
+    }
+
+    // Hide Vencord settings tabs
+    .header__71a82:has(+ .item__48dda[class^="vc-"]),
+    .item__48dda[class^="vc-"],
+    .item__48dda[class^="vc-"] + .separator_d14fb1 {
+        display: none;
+    }
+}
diff --git a/scss/mod/index.scss b/scss/mod/index.scss
new file mode 100644
index 0000000..dbaa686
--- /dev/null
+++ b/scss/mod/index.scss
@@ -0,0 +1,3 @@
+@forward "./BetterDiscord";
+@forward "./Replugged";
+@forward "./Vencord";
diff --git a/scss/override/_Vencord.scss b/scss/override/_Vencord.scss
deleted file mode 100644
index 5286aef..0000000
--- a/scss/override/_Vencord.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-// Hide Vencord Toolbox
-.vc-toolbox-btn {
-    display: var(--demo-vencord-display);
-}
-
-// Hide Vencord chat buttons
-.vc-chatbar-button {
-    display: var(--demo-vencord-display);
-}
-
-// Hide "Disable Game Activity" button
-.horizontal__4848b {
-    [aria-label="Disable Game Activity"] {
-        display: var(--demo-vencord-display);
-    }
-}
-
-// Hide "Translate" button
-[aria-label="Translate"] {
-    display: var(--demo-vencord-display);
-}
-
-// Hide "Vencord Contributor" profile badge
-[aria-label="Vencord Contributor"] {
-    display: var(--demo-vencord-display);
-}
-
-// Hide Vencord settings tabs
-.header__71a82:has(+ .item__48dda[class^="vc-"]),
-.item__48dda[class^="vc-"],
-.item__48dda[class^="vc-"] + .separator_d14fb1 {
-    display: var(--demo-vencord-display);
-}
diff --git a/scss/override/index.scss b/scss/override/index.scss
deleted file mode 100644
index 87249a5..0000000
--- a/scss/override/index.scss
+++ /dev/null
@@ -1 +0,0 @@
-@forward "./Vencord";
diff --git a/scss/part/_font.scss b/scss/part/_font.scss
index da5e3f3..3eb9df2 100644
--- a/scss/part/_font.scss
+++ b/scss/part/_font.scss
@@ -1,10 +1,12 @@
 @import url("https://fonts.googleapis.com/css2?family=Flow+Block&family=Flow+Rounded&family=Flow+Circular&family=Noto+Emoji&display=swap");
 
-:root {
-    --font-primary: var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;
-    --font-display: var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;
-    --font-headline: var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;
-    --font-code: var(--demo-font-code-read), var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, monospace !important;
-    --font-clan-body: var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;
-    --font-clan-signature: var(--demo-font-read), Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;
+@container demo-text style(--demo-text: hidden) {
+    body {
+        --font-primary: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;
+        --font-display: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;
+        --font-headline: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;
+        --font-code: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, monospace !important;
+        --font-clan-body: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;
+        --font-clan-signature: Flow var(--demo-font-variant), var(--demo-font-emoji) Emoji, system-ui !important;
+    }
 }
diff --git a/scss/part/_validate.scss b/scss/part/_validate.scss
deleted file mode 100644
index 5fa9ec0..0000000
--- a/scss/part/_validate.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-// Variant of Flow font
-@property --demo-font-variant {
-    syntax: "Circular | Rounded | Block";
-    inherits: false;
-    initial-value: Circular;
-}
-
-// Emoji font
-@property --demo-font-emoji {
-    syntax: "Noto | none";
-    inherits: false;
-    initial-value: Noto;
-}
-
-// Emergency legible font
-:root {
-    --demo-font-read: none;
-    --demo-font-code-read: none;
-}
-
-// Vencord display
-@property --demo-vencord-display {
-    syntax: "block | none";
-    inherits: true;
-    initial-value: block;
-}
-
-// Border radius for emojis
-@property --demo-emoji-radius {
-    syntax: "<length>";
-    inherits: true;
-    initial-value: 4px;
-}
-
-// Opacity for emojis
-@property --demo-emoji-opacity {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 0.5;
-}
-
-// Hue for emojis, icons, badges, etc.
-@property --demo-icon-hue {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 240;
-}
-
-// Hue for attachments
-@property --demo-image-hue {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 270;
-}
-
-// Hue for server banners
-@property --demo-banner-hue {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 180;
-}
-
-// Hue for self avatars
-@property --demo-self-hue {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 300;
-}
-
-// Not exposed to the user
-// Red as debug
-@property --demo-gradient-color {
-    syntax: "<color>";
-    inherits: true;
-    initial-value: red;
-}
diff --git a/scss/part/index.scss b/scss/part/index.scss
index fe35125..e3b4acd 100644
--- a/scss/part/index.scss
+++ b/scss/part/index.scss
@@ -1,2 +1 @@
 @forward "./font";
-@forward "./validate";
diff --git a/scss/themesettings/_container.scss b/scss/themesettings/_container.scss
new file mode 100644
index 0000000..4907183
--- /dev/null
+++ b/scss/themesettings/_container.scss
@@ -0,0 +1,4 @@
+// Containers for showing or hiding client mod elements and text
+:root {
+    container: demo-clientmod demo-text;
+}
diff --git a/scss/themesettings/_font.scss b/scss/themesettings/_font.scss
new file mode 100644
index 0000000..bb3a9e3
--- /dev/null
+++ b/scss/themesettings/_font.scss
@@ -0,0 +1,22 @@
+// Show or hide text based on user settings
+// Default to hidden unless user sets to visible
+@property --demo-text {
+    syntax: "normal | censor";
+    inherits: false;
+    initial-value: censor;
+}
+
+// Variant of censored font "Flow <variant>"
+@property --demo-font-variant {
+    syntax: "Circular | Rounded | Block";
+    inherits: false;
+    initial-value: Circular;
+}
+
+// Emoji font
+// Outline-only or system default
+@property --demo-font-emoji {
+    syntax: "Noto | none";
+    inherits: false;
+    initial-value: Noto;
+}
diff --git a/scss/themesettings/_hue.scss b/scss/themesettings/_hue.scss
new file mode 100644
index 0000000..8fb3c72
--- /dev/null
+++ b/scss/themesettings/_hue.scss
@@ -0,0 +1,20 @@
+// Hues based on user settings
+
+$hues: (
+    // for emojis, icons, badges, etc.
+    icon: 240,
+    // for attachments
+    image: 270,
+    // for server banners
+    banner: 180,
+    // for self avatars
+    self: 300
+);
+
+@each $type, $hue in $hues {
+    @property --demo-#{$type}-hue {
+        syntax: "<number>";
+        inherits: true;
+        initial-value: $hue;
+    }
+}
diff --git a/scss/themesettings/_misc.scss b/scss/themesettings/_misc.scss
new file mode 100644
index 0000000..ef702f9
--- /dev/null
+++ b/scss/themesettings/_misc.scss
@@ -0,0 +1,23 @@
+// Misc custom properties
+
+// Border radius for emojis
+@property --demo-emoji-radius {
+    syntax: "<length>";
+    inherits: true;
+    initial-value: 4px;
+}
+
+// Opacity for emojis
+@property --demo-emoji-opacity {
+    syntax: "<number>";
+    inherits: true;
+    initial-value: 0.5;
+}
+
+// Not exposed to the user
+// Default (error) gradient when not set
+@property --demo-gradient-color {
+    syntax: "<color>";
+    inherits: true;
+    initial-value: red;
+}
diff --git a/scss/themesettings/_mod.scss b/scss/themesettings/_mod.scss
new file mode 100644
index 0000000..f011aac
--- /dev/null
+++ b/scss/themesettings/_mod.scss
@@ -0,0 +1,7 @@
+// Show or hide client mod elements based on user settings
+// Default to visible unless user sets to hidden
+@property --demo-clientmod {
+    syntax: "visible | hidden";
+    inherits: false;
+    initial-value: visible;
+}
diff --git a/scss/themesettings/index.scss b/scss/themesettings/index.scss
new file mode 100644
index 0000000..6105152
--- /dev/null
+++ b/scss/themesettings/index.scss
@@ -0,0 +1,5 @@
+@forward "./container";
+@forward "./font";
+@forward "./hue";
+@forward "./misc";
+@forward "./mod";