├── LICENSE
├── README.md
├── assets
    └── simplify.png
├── powercord_manifest.json
├── simplify.css
└── simplify.theme.css


/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 Ashtrath
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <h1 align="center">Simplify</h1>
 2 | 
 3 | ![](https://github.com/Dyzean/Simplify/blob/main/assets/simplify.png?raw=true)
 4 | 
 5 | <p align="center">a simple clean looking theme with blue colors.</p>
 6 | 
 7 | ---
 8 | 
 9 | ## Installation
10 | 
11 | ### BetterDiscord
12 | 
13 | 1. Download the theme file [here](https://betterdiscord.app/Download?id=385)
14 | 2. Place it in the BetterDiscord themes folder
15 | 3. Enable Simplify in the themes tab
16 | 
17 | ### Powercord
18 | ```sh
19 | cd powercord/src/powercord/themes && git clone https://github.com/Dyzean/Simplify
20 | ```
21 | 
22 | ## Credits
23 | 
24 | - [LuckFire](https://github.com/LuckFire) for [Better Channel Indicators](https://github.com/LuckFire/BetterChannelIndicators) and [Better Quotes](https://github.com/LuckFire/CSS-Snippets/tree/master/BetterQuotes)
25 | - [mwittrien](https://github.com/mwittrien) for [Settings Icon](https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css) and [Settings Modal](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/SettingsModal)
26 | - [Gibbu](https://github.com/Gibbu) for [Radial Status](https://discordstyles.github.io/RadialStatus/base.css)
27 | - [mr-miner1](https://github.com/mr-miner1) for [Better Badges](https://github.com/mr-miner1/Better-Badges)
28 | - [GooseNest](https://github.com/Goose-Nest) for [Revert Rebrand](https://github.com/Goose-Nest/GT-RevertRebrand)
29 | - Also Huge thanks for BD & Powercord servers for snippets and help!
30 | 


--------------------------------------------------------------------------------
/assets/simplify.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ashtrath/Simplify/94ea2a7b05054f8b0c690eb49f8b4287768e2606/assets/simplify.png


--------------------------------------------------------------------------------
/powercord_manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |     "name": "Simplify",
3 |     "version": "1.0",
4 |     "author": "Ashtrath",
5 |     "license": "MIT",
6 |     "theme": "simplify.theme.css",
7 |     "description": "a simple clean looking theme with blue colors.\n\n"
8 | }


--------------------------------------------------------------------------------
/simplify.css:
--------------------------------------------------------------------------------
   1 | /* Addons */
   2 | @import url("https://discord-theme-addons.github.io/modern-channel-indicators/src/support/compiled.css");
   3 | @import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css");
   4 | @import url("https://goose-nest.github.io/GT-RevertRebrand/RevertRebrand.theme.css");
   5 | @import url("https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css");
   6 | @import url("https://dyzean.github.io/gradient-badge-userpopouts/donators.css");
   7 | @import url("https://mr-miner1.github.io/Better-Badges/src/compiled.css");
   8 | 
   9 | /* USRBG */
  10 | @import url("https://discord-custom-covers.github.io/usrbg/dist/usrbg.css");
  11 | 
  12 | /* Font */
  13 | @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&display=swap");
  14 | 
  15 | /* ---- Discord Variables ---- */
  16 | :root.theme-dark, .theme-light {
  17 |   --header-primary: #fff;
  18 |   --header-secondary: #b9bbbe;
  19 |   --text-normal: #f7f4f4;
  20 |   --text-link: hsl(197,calc(var(--saturation-factor, 1)*100%),47.8%);
  21 |   --text-link-low-saturation: hsl(197,calc(var(--saturation-factor, 1)*100%),52.9%);
  22 |   --text-positive: hsl(139,calc(var(--saturation-factor, 1)*66.8%),58.6%);
  23 |   --text-warning: hsl(38,calc(var(--saturation-factor, 1)*95.7%),54.1%);
  24 |   --text-danger: hsl(359,calc(var(--saturation-factor, 1)*82.6%),59.4%);
  25 |   --channels-default: #ddd5d3;
  26 |   --interactive-normal: #EAE1DF;
  27 |   --interactive-hover: #EAE1DF;
  28 |   --interactive-active: #fff;
  29 |   --interactive-muted: #505355;
  30 |   --background-primary: #1c223a;
  31 |   --background-secondary: #181d33;
  32 |   --background-secondary-alt: #14192b;
  33 |   --background-tertiary: #14192b;
  34 |   --background-accent: #4d6a91;
  35 |   --background-floating: #171d30;
  36 |   --background-modifier-hover: rgba(50, 53, 85, 0.322);
  37 |   --background-modifier-active: rgba(56, 62, 97, 0.37);
  38 |   --background-modifier-selected: rgba(42, 51, 75, 0.301);
  39 |   --background-modifier-accent: rgba(255, 255, 255, 0.06);
  40 |   --background-mentioned: rgba(0, 186, 254, 0.5);
  41 |   --background-mentioned-hover: rgba(42, 196, 252, 0.63);
  42 |   --background-message-hover: rgba(4, 4, 5, 0.07);
  43 |   --background-help-warning: rgba(250, 166, 26, 0.1);
  44 |   --background-help-info: rgba(0, 176, 244, 0.1);
  45 |   --info-positive-text: #fff;
  46 |   --info-warning-text: #fff;
  47 |   --info-danger-text: #fff;
  48 |   --info-help-background: hsla(197,calc(var(--saturation-factor, 1)*100%),47.8%,0.1);
  49 |   --info-help-foreground: hsl(197,calc(var(--saturation-factor, 1)*100%),47.8%);
  50 |   --info-help-text: #fff;
  51 |   --status-warning-text: #000;
  52 |   --scrollbar-thin-thumb: rgba(44, 49, 71, 0.658);
  53 |   --scrollbar-thin-track: transparent;
  54 |   --scrollbar-auto-thumb: rgba(67, 79, 134, 0.658);
  55 |   --scrollbar-auto-track: rgba(24, 28, 51, 0.7);
  56 |   --scrollbar-auto-scrollbar-color-thumb: rgba(67, 79, 134, 0.555);
  57 |   --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);
  58 |   --elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05);
  59 |   --elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
  60 |   --elevation-high: 0 8px 16px rgba(0,0,0,0.24);
  61 |   --logo-primary: #fff;
  62 |   --focus-primary: var(--color-brand);
  63 |   --radio-group-dot-foreground: var(--color-brand-lighter);
  64 |   --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  65 |   --channeltextarea-background: var(--background-primary);
  66 |   --channeltextarea-background-hover: var(--background-secondary);
  67 |   --activity-card-background: #233550;
  68 |   --textbox-markdown-syntax: #8e9297;
  69 | 
  70 |   --text-warning: var(--color-orange);
  71 |   --text-danger: var(--color-red);
  72 |   --info-positive-background: rgba(56, 172, 93, 0.8);
  73 |   --info-positive-foreground: var(--color-green);
  74 |   --info-warning-background: rgba(255, 199, 102, 0.8);
  75 |   --info-warning-foreground: var(--color-orange);
  76 |   --info-danger-background: rgba(241, 66, 69, 0.8);
  77 |   --info-danger-foreground: var(--color-red);
  78 |   --status-positive-background: var(--color-green);
  79 |   --status-positive-text: #fff;
  80 |   --status-warning-background: var(--color-orange);
  81 |   --status-danger-background: var(--color-red);
  82 |   --status-danger-text: #fff;
  83 | 
  84 |   --font-primary: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  85 |   --font-display: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  86 | 
  87 | /* ---- Addons Variables ---- */
  88 | 
  89 | /* --- Settings Modal --- */
  90 |   --settingsmodalbackground: transparent;
  91 |   --settingsmodalwidth: 1100px;
  92 |   --settingsmodalheight: 90vh;
  93 | 
  94 | /* --- Channel Indicator --- */
  95 |   --indicator-hovered: rgba(79, 84, 92, 0.25);
  96 |   --indicator-rounding: 0;
  97 |   --indicator-border-info: 2px solid;
  98 | 
  99 |   --indicator-selected: 112, 135, 215;
 100 |   --indicator-selected-border: rgba(var(--indicator-selected));
 101 |   --indicator-selected-background: rgba(var(--indicator-selected), 0.1);
 102 |   --indicator-selected-hover: rgba(var(--indicator-selected), 0.18);
 103 | 
 104 |   --indicator-unread: 255, 255, 255;
 105 |   --indicator-unread-border: rgba(var(--indicator-unread), 0.6);
 106 |   --indicator-unread-background: rgba(var(--indicator-unread), 0.01);
 107 | 
 108 |   --indicator-connected: 67, 181, 129;
 109 |   --indicator-connected-border: rgba(var(--indicator-connected));
 110 |   --indicator-connected-background: rgba(var(--indicator-connected), 0.1);
 111 |   --indicator-connected-hover: rgba(var(--indicator-connected), 0.18);
 112 | 
 113 | /* --- Radial Status --- */
 114 |   --rs-small-spacing: 2px; /* Gap between avatar and status for members list/dms | MUST end in px */
 115 |   --rs-medium-spacing: 3px; /* Gap between avatar and status for User popout | MUST end in px */
 116 |   --rs-large-spacing: 4px; /* Gap between avatar and status for User profiles | MUST end in px */
 117 | 
 118 |   --rs-small-width: 2px; /* Thickness of status border for members list/dms | MUST end in px */
 119 |   --rs-medium-width: 3px; /* Thickness of status border for User popout | MUST end in px */
 120 |   --rs-large-width: 4px; /* Thickness of status border for User profile | MUST end in px */
 121 | 
 122 |   --rs-avatar-shape: 50%; /* 50% for round - 0% for square */
 123 | 
 124 |   --rs-online-color: #43b581; /* Colour for online status */
 125 |   --rs-idle-color: #faa61a; /* Colour for idle status */
 126 |   --rs-dnd-color: #f04747; /* Colour for dnd status */
 127 |   --rs-offline-color: #636b75; /* Colour for offline status */
 128 |   --rs-streaming-color: #643da7; /* Colour for streaming status */
 129 |   --rs-invisible-color: #747f8d; /* Colour for invisible status - Note: this will only show for your own invisibility */
 130 |   --rs-phone-color: var(--rs-online-color); /* Colour of the ring and phone icon when a user is on their phone |  */
 131 | 
 132 |   --rs-phone-visible: block; /* Visibility of the phone icon next to a users avatar. | block = visible | none = hidden */
 133 |   --container-color: var(--background-floating);
 134 | }
 135 | 
 136 | /* ~~~~		  		General							~~~~ */
 137 | .circleIconButton-1QV--U {
 138 |   color: var(--background-accent) !important;
 139 | }
 140 | .circleIconButton-1QV--U {
 141 |   background-color: transparent !important;
 142 | }
 143 | .circleIconButton-1QV--U:hover {
 144 |   background-color: var(--background-primary) !important;
 145 | }
 146 | 
 147 | /* Friend list tab */
 148 | .peopleColumn-1wMU14 {
 149 |   background-color: var(--background-primary);
 150 | }
 151 | .friendSelected-3cwmD7 {
 152 |   background-color: var(--background-tertiary) !important;
 153 | }
 154 | .outer-2JOHae.interactive-2zD88a:hover {
 155 |   background-color: var(--background-tertiary) !important;
 156 | }
 157 | .inset-SbsSFp,
 158 | .separator-2OaeRP {
 159 |   background-color: var(--background-secondary) !important;
 160 | }
 161 | .text-MPIeXO {
 162 |   max-width: 485px;
 163 | }
 164 | 
 165 | /* Discovery */
 166 | #app-mount .pageWrapper-2PwDoS {
 167 |   background-color: var(--background-primary);
 168 |   color: #fff;
 169 | }
 170 | 
 171 | /* Channel List */
 172 | .sidebar-1tnWFu,
 173 | .container-36u7Lw,
 174 | .container-2cd8Mz,
 175 | .applicationStore-2nk7Lo {
 176 |   border-radius: 0 17px 0 0 !important;
 177 | }
 178 | /* Chat window */
 179 | .chat-2ZfjoI {
 180 | 	border-radius: 17px 0 0 0;
 181 | }
 182 | 
 183 | .chat-2ZfjoI,
 184 | .container-2cd8Mz,
 185 | .container-36u7Lw,
 186 | .applicationStore-2nk7Lo {
 187 |   position: relative;
 188 |   left: 5px;
 189 |   padding-right: 5px;
 190 | }
 191 | .modeUnread-3Cxepe > div > a > div > .icon-2W8DHg {
 192 |   color: var(--interactive-active);
 193 | }
 194 | .typeThread-2Aqh6X .content-1gYQeQ {
 195 |   padding-left: 34px;
 196 | }
 197 | 
 198 | /* chat box*/
 199 | .scrollableContainer-15eg7h {
 200 |   border-radius: 20px;
 201 |   border: 1px solid var(--background-tertiary);
 202 |   background-color: var(--background-secondary);
 203 | }
 204 | .replyBar-1oi75v,
 205 | .threadSuggestionBar-3ExSyc {
 206 |   background: var(--background-secondary);
 207 |   border: 1px solid var(--background-tertiary);
 208 |   border-bottom-color: transparent;
 209 | }
 210 | .clipContainer-31nYlH {
 211 |   margin-right: 17px;
 212 |   margin-left: 17px;
 213 | }
 214 | .attachedBars-2BCP3l {
 215 |   background: transparent;
 216 | }
 217 | .content-1jQy2l::before {
 218 |   display: none;
 219 | }
 220 | .buttons-uaqb-5 {
 221 |   opacity: 0;
 222 |   transition: opacity 0.5s;
 223 | }
 224 | .channelTextArea-1FufC0:hover .buttons-uaqb-5 {
 225 |   opacity: 1;
 226 | }
 227 | .header-2jRmjb {
 228 |   user-select: none;
 229 | }
 230 | .lookFilled-yCfaCM.colorPrimary-2AuQVo {
 231 |   background-color: var(--background-secondary) !important;
 232 | }
 233 | 
 234 | /* Mobile looks jump to present */
 235 | .jumpToPresentBar-1cEnH0 {
 236 |   visibility: hidden;
 237 |   bottom: 15px;
 238 | }
 239 | .jumpToPresentBar-1cEnH0 .barButtonIcon-bMvzp2 {
 240 |   visibility: visible;
 241 |   padding: 12px;
 242 |   background-color: var(--background-tertiary);
 243 |   border-radius: 50%;
 244 |   margin-bottom: 2em;
 245 | }
 246 | 
 247 | /* ~~~~		  		Messages							~~~~ */
 248 | 
 249 | /* Text */
 250 | .blockquoteContainer-3VtvI1 {
 251 |   padding: 2px 0 2px 0;
 252 | }
 253 | .blockquoteContainer-3VtvI1 blockquote {
 254 |   background-color: var(--background-secondary);
 255 |   border: 1px solid var(--background-secondary);
 256 |   color: #fff;
 257 |   border-radius: 0 4px 4px 0;
 258 |   padding: 4px 11px 4px;
 259 | }
 260 | .blockquoteContainer-3VtvI1 > .blockquoteDivider-363utW {
 261 |   background-color: var(--background-accent);
 262 |   border-radius: 4px 0 0 4px;
 263 | }
 264 | .markup-eYLPri code {
 265 |   background-color: rgba(22, 22, 22, 0.4);
 266 | }
 267 | .after_inlineCode-WydEur,
 268 | .before_inlineCode-xn8Llh,
 269 | .inlineCode-2auMQi {
 270 |   background-color: rgba(22, 22, 22, 0.4);
 271 | }
 272 | .hljs {
 273 |   background: var(--background-secondary) !important;
 274 |   border-radius: 5px;
 275 | }
 276 | 
 277 | /* Embeds */
 278 | .wrapperAudio-1Bzv_Z {
 279 |   width: auto !important;
 280 |   min-width: 400px;
 281 | }
 282 | 
 283 | .embedWrapper-1MtIDg.embedFull-1HGV2S {
 284 |   border-radius: 4px;
 285 |   border-left: 4px solid var(--background-tertiary);
 286 |   box-shadow: var(--elevation-high);
 287 | }
 288 | 
 289 | /* Nitro Gift */
 290 | .tile-2mmK5T {
 291 |   background-color: var(--background-secondary) !important;
 292 | }
 293 | .lookFilled-yCfaCM.colorPrimary-2AuQVo:disabled {
 294 |   background-color: var(--background-primary) !important;
 295 | }
 296 | 
 297 | /* Mentions */
 298 | .replying-eZ7p5z,
 299 | .mentioned-Tre-dv {
 300 |   background: rgba(151, 197, 250, 0.15) !important;
 301 | }
 302 | .mentioned-Tre-dv:before {
 303 |   background-color: var(--brand-experiment);
 304 | }
 305 | .numberBadge-37OJ3S.base-3IDx3L {
 306 |   background-color: var(--background-accent) !important;
 307 | }
 308 | 
 309 | /* Quick Button or whatever is that */
 310 | .wrapper-2vIMkT {
 311 |   background-color: var(--background-secondary);
 312 | }
 313 | 
 314 | /* ~~~~		  		Popouts							~~~~ */
 315 | 
 316 | /* UserPopouts */
 317 | .userPopout-2j1gM4 {
 318 |   background: var(--background-secondary);
 319 |   box-shadow: unset !important;
 320 |   margin-right: 20px;
 321 |   border-radius: 8px;
 322 | }
 323 | .userPopout-2j1gM4 .banner-1YaD3N {
 324 |   position: absolute;
 325 |   width: 300px;
 326 |   height: 180px;
 327 |   border-radius: 8px 8px 0 0;
 328 |   -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(24, 29, 51, 1) 100%);
 329 | }
 330 | .userPopout-2j1gM4 .banner-1YaD3N.bannerPremium-kkSkPv {
 331 |   background-color: transparent !important;
 332 | }
 333 | .userPopout-2j1gM4 .headerTop-3GPUSF {
 334 |   display: flex;
 335 |   flex-direction: column-reverse;
 336 |   text-align: center;
 337 |   padding-top: 110px;
 338 |   padding-bottom: 20px;
 339 | }
 340 | .userPopout-2j1gM4 .headerTop-3GPUSF .headerTagWithNickname-1U8zZH,
 341 | .userPopout-2j1gM4 .headerTop-3GPUSF .setIdentityLink-hOFsMl {
 342 |   display: none;
 343 | }
 344 | .userPopout-2j1gM4 .headerTop-3GPUSF .headerTagDiscriminatorNoNickname-dfcvHa {
 345 |   color: #dadada;
 346 | }
 347 | .userPopout-2j1gM4 .headerTop-3GPUSF .profileBadges-2pItdR {
 348 |   position: static;
 349 |   justify-content: center;
 350 |   max-width: unset;
 351 | }
 352 | .userPopout-2j1gM4 .headerTop-3GPUSF .profileBadges-2pItdR > * {
 353 |   margin: 0 3px;
 354 | }
 355 | .userPopout-2j1gM4 .headerTop-3GPUSF .profileBadges-2pItdR:empty {
 356 |   margin-bottom: 20px;
 357 | }
 358 | .userPopout-2j1gM4 .headerTop-3GPUSF .headerText-1-WmDq {
 359 |   margin-bottom: 8px;
 360 | }
 361 | .userPopout-2j1gM4 .customStatus-3XAoF9,
 362 | .userPopout-2j1gM4 .aboutMeSection-PUghFQ {
 363 |   padding-top: 10px;
 364 | }
 365 | .userPopout-2j1gM4 .divider-1wtgZ3 {
 366 |   display: none;
 367 | }
 368 | .userPopout-2j1gM4 .body-2wLx-E .activity-1gTu-L .button-f2h6uQ {
 369 |   background-color: #419e85;
 370 | }
 371 | .userPopout-2j1gM4 .body-2wLx-E .activity-1gTu-L .spotifyIcon-2J9kSv {
 372 |   display: none;
 373 | }
 374 | .userPopout-2j1gM4 .body-2wLx-E .bodyInnerWrapper-2bQs1k {
 375 |   padding-right: 16px;
 376 | }
 377 | .userPopout-2j1gM4 .body-2wLx-E::-webkit-scrollbar {
 378 |   display: none;
 379 | }
 380 | .userPopout-2j1gM4 .avatarWrapper-eenWra {
 381 |   top: 0;
 382 |   left: 50%;
 383 |   grid-area: avatar;
 384 |   margin: 15px 0 0 -50px;
 385 | }
 386 | .userPopout-2j1gM4 .avatarWrapper-eenWra .avatar-2Vndt_ {
 387 |   background: none;
 388 |   border: none;
 389 | }
 390 | .userPopout-2j1gM4 .avatarWrapper-eenWra .avatarHint-k7pYop {
 391 |   display: none;
 392 | }
 393 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB > :first-child {
 394 |   flex: 2 auto;
 395 | }
 396 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .banner-hcPdsd {
 397 |   position: absolute;
 398 |   height: 180px;
 399 |   -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(24, 29, 51, 1) 100%);
 400 | }
 401 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .avatarUploader-2UF9NL {
 402 |   top: 15px;
 403 |   left: 50%;
 404 |   margin-left: -40px;
 405 | }
 406 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .avatarUploader-2UF9NL .avatarUploaderInner-Oiob_P {
 407 |   border: none;
 408 |   border-radius: 50%;
 409 | }
 410 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .avatarUploader-2UF9NL .avatarUploaderInner-Oiob_P .avatarUploaderIndicator-2G-aIZ {
 411 |   display: none;
 412 | }
 413 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .headerTop-3GPUSF {
 414 |   display: flex;
 415 |   flex-direction: column-reverse;
 416 |   text-align: center;
 417 |   padding-top: 110px;
 418 |   padding-bottom: 20px;
 419 | }
 420 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .headerTop-3GPUSF .headerTagWithNickname-1U8zZH, .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .headerTop-3GPUSF .setIdentityLink-hOFsMl {
 421 |   display: none;
 422 | }
 423 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .headerTop-3GPUSF .headerTagDiscriminatorNoNickname-dfcvHa {
 424 |   color: #dadada;
 425 | }
 426 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .headerTop-3GPUSF .profileBadges-2pItdR {
 427 |   position: static;
 428 |   justify-content: center;
 429 |   max-width: unset;
 430 | }
 431 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .headerTop-3GPUSF .profileBadges-2pItdR > * {
 432 |   margin: 0 3px;
 433 | }
 434 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .headerTop-3GPUSF .profileBadges-2pItdR:empty {
 435 |   margin-bottom: 20px;
 436 | }
 437 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .headerTop-3GPUSF .headerText-1-WmDq {
 438 |   margin-bottom: 8px;
 439 | }
 440 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .customStatus-3XAoF9, .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .aboutMeSection-PUghFQ {
 441 |   padding-top: 12px;
 442 | }
 443 | .userProfileCustomizationSection-8Vpo48 .baseLayout-2GkbfB .profileBannerPreview-3_l0Wd .divider-1wtgZ3 {
 444 |   display: none;
 445 | }
 446 | .customStatus-3XAoF9 > .customStatusEmoji-1bFQdD.customStatusSoloEmoji-2bSRlG:only-child {
 447 |   margin-right: auto;
 448 |   margin-left: auto;
 449 | }
 450 | .role-2TIOKu {
 451 |   background-color: var(--background-primary);
 452 |   border-radius: 4px;
 453 |   border: none;
 454 |   padding: 0 5px 0 8px;
 455 |   height: 25px;
 456 | }
 457 | .role-2TIOKu .actionButton-1YKTU0 {
 458 |   background-color: var(--background-primary);
 459 |   padding-left: 7px;
 460 |   padding-right: 7px;
 461 | }
 462 | .role-2TIOKu .roleCircle3xAZ1j {
 463 |   margin-right: 6px;
 464 |   width: 9px;
 465 |   height: 9px;
 466 | }
 467 | 
 468 | /* USRBG Support */
 469 | .popoutBanner-3cqRD9::before,
 470 | .profileBanner-1owKI5::before {
 471 |   content: "";
 472 |   position: absolute;
 473 |   background: #000 var(--user-background) var(--user-popout-position, center) /cover no-repeat;
 474 |   background-attachment: var(--user-background, fixed);
 475 |   top: 0;
 476 |   right: 0;
 477 |   bottom: 0;
 478 |   left: 0;
 479 | }
 480 | .root-8LYsGj .profileBanner-1owKI5 {
 481 |   height: 200px !important;
 482 |   max-height: var(--user-background, 120px) !important;
 483 | }
 484 | .userPopout-2j1gM4[style*="-user-"] .banner-1YaD3N,
 485 | .root-8LYsGj[style*="-user-"] .banner-1YaD3N {
 486 |   background-size: cover;
 487 |   background-repeat: no-repeat;
 488 |   background-position: var(--user-popout-position, center) center;
 489 |   background-image: var(--user-background);
 490 | }
 491 | 
 492 | /* Search Popouts */
 493 | #app-mount .container-2McqkF {
 494 |   background: var(--background-secondary) !important;
 495 |   box-shadow: var(--background-tertiary);
 496 | }
 497 | #app-mount .option-2KkUJO:after {
 498 |   display: none;
 499 | }
 500 | #app-mount .option-2KkUJO.selected-rZcOL-,
 501 | .input-3r5zZY {
 502 |   background-color: var(--background-tertiary);
 503 | }
 504 | #app-mount .focused-2FU0YH {
 505 |   background-color: var(--background-tertiary);
 506 | }
 507 | #app-mount .searchAnswer-23w-CH,
 508 | #app-mount .searchFilter-2UfsDk {
 509 |   background-color: var(--background-primary);
 510 |   color: var(--header-primary);
 511 | }
 512 | 
 513 | #app-mount .container-2McqkF {
 514 |   background-color: var(--background-primary);
 515 | }
 516 | 
 517 | /* Stream Preview Popouts */
 518 | .protip-13raHg {
 519 |   display: none;
 520 | }
 521 | 
 522 | .streamPreview-3qoMP4 {
 523 |   background-color: var(--background-tertiary) !important;
 524 | }
 525 | .previewContainer-12U1H1 {
 526 |   background-color: var(--background-secondary) !important;
 527 | }
 528 | 
 529 | /* Emoji Popouts */
 530 | #app-mount .autocomplete-3NRXG8 {
 531 |   background-color: var(--background-floating);
 532 | }
 533 | #app-mount .selected-3H3-RC {
 534 |   background-color: var(--background-tertiary);
 535 | }
 536 | 
 537 | /* Slash Command Popouts */
 538 | #app-mount .categoryHeader-OpJ1Ly {
 539 |   background-color: var(--background-floating);
 540 | }
 541 | .option-Tt7anD,
 542 | .pill-1HLSrc {
 543 |   background-color: var(--background-primary) !important;
 544 | }
 545 | 
 546 | /* Status Picker */
 547 | #status-picker .item-1OdjEX {
 548 |   margin: auto 5px;
 549 | }
 550 | #status-picker .separator-1So4YB,
 551 | #status-picker .description-3Cwkxk {
 552 |   display: none;
 553 | }
 554 | #status-picker-online {
 555 |   --status-colour: var(--bsi-online-color, rgb(59, 165, 92));
 556 | }
 557 | #status-picker-idle {
 558 |   --status-colour: var(--bsi-idle-color, rgb(250, 166, 26));
 559 | }
 560 | #status-picker-dnd {
 561 |   --status-colour: var(--bsi-dnd-color, rgb(237, 66, 69));
 562 | }
 563 | #status-picker-invisible {
 564 |   --status-colour: var(--bsi-invisible-color, rgb(116, 127, 141));
 565 | }
 566 | #status-picker .item-1OdjEX:not(#status-picker-custom-status):active,
 567 | #status-picker .item-1OdjEX:not(#status-picker-custom-status).focused-3qFvc8 {
 568 |   background-color: var(--status-colour);
 569 | }
 570 | 
 571 | /* Voice Call Modal */
 572 | .colorable-3rVGna.primaryDark-2UJt1G {
 573 |   background: var(--background-primary);
 574 | }
 575 | .colorable-3rVGna.primaryDark-2UJt1G.active-3D763s,
 576 | .colorable-3rVGna.primaryDark-2UJt1G:hover {
 577 |   background: var(--background-tertiary);
 578 | }
 579 | 
 580 | /* ~~~~		  		Toolbar							~~~~ */
 581 | 
 582 | #app-mount .children-3xh0VB:after {
 583 |   display: none;
 584 | }
 585 | .container-ZMc96U {
 586 |   background: var(--background-primary);
 587 |   box-shadow: var(--shadow-bottom);
 588 |   padding-right: 238px;
 589 |   z-index: 0;
 590 | }
 591 | /* Status picker Settings */
 592 | .avatar-1EWyVD {
 593 |   position: relative;
 594 |   left: 2px;
 595 | }
 596 | .nameTag-sc-gpq {
 597 |   margin-left: 5px;
 598 | }
 599 | .container-YkUktl {
 600 |   background: var(--background-secondary);
 601 |   border-radius: 0 0 0 18px;
 602 |   right: 0;
 603 |   top: 0;
 604 |   position: absolute;
 605 |   width: 220px;
 606 | }
 607 | .iconWrapper-2awDjA[aria-label="Help"] {
 608 |   display: none;
 609 | }
 610 | 
 611 | /*Clickable Search*/
 612 | .search-39IXmY .search-1FM8Qc .searchBar-zdmu7v {
 613 |   width: 24px;
 614 |   padding: 0;
 615 |   background: none;
 616 |   transition: width 350ms ease;
 617 |   border-radius: 12px;
 618 | }
 619 | .search-39IXmY .search-1FM8Qc .searchBar-zdmu7v .icon-1nNws_ {
 620 |   cursor: pointer;
 621 | }
 622 | .search-1FM8Qc.open-3y3yI_ .searchBar-zdmu7v .icon-1nNws_ {
 623 |   cursor: text;
 624 | }
 625 | .search-1FM8Qc.open-3y3yI_ .searchBar-zdmu7v .icon-1nNws_.clear-2KQ7l1 {
 626 |   cursor: pointer;
 627 | }
 628 | .search-1FM8Qc.open-3y3yI_ .searchBar-zdmu7v {
 629 |   width: 192px;
 630 |   padding: 0 8px;
 631 |   background-color: var(--background-secondary);
 632 | }
 633 | .search-39IXmY .search-1FM8Qc .icon-18rqoe {
 634 |   color: var(--interactive-normal);
 635 | }
 636 | .search-39IXmY:hover .search-1FM8Qc .icon-18rqoe {
 637 |   color: var(--interactive-hover);
 638 | }
 639 | .search-39IXmY .search-1FM8Qc.open-3y3yI_.focused-8aNhVB .icon-18rqoe {
 640 |   color: var(--text-muted);
 641 | }
 642 | .search-1FM8Qc.open-3y3yI_ .iconContainer-1RqWJj {
 643 |   width: 16px;
 644 |   height: 16px;
 645 | }
 646 | .iconContainer-1RqWJj {
 647 |   width: 22px;
 648 |   height: 22px;
 649 | }
 650 | 
 651 | /* Home Icon */
 652 | .tutorialContainer-1pL9QS {
 653 |   position: fixed;
 654 |   z-index: 1;
 655 |   background: linear-gradient(var(--background-tertiary) 85%, transparent);
 656 | }
 657 | .guilds-2JjMmN .scroller-3X7KbA {
 658 |   contain: none !important;
 659 |   padding-top: 0;
 660 | 	margin-top: 3px;
 661 | }
 662 | .guilds-2JjMmN .scroller-3X7KbA > [aria-label], .guilds-2JjMmN .scroller-3X7KbA > [style]:nth-child(2) {
 663 |   margin-top: 55px;
 664 | }
 665 | .guilds-2JjMmN .scroller-3X7KbA > [style] ~ [aria-label] {
 666 |   margin-top: 0px;
 667 | }
 668 | .unreadMentionsIndicatorTop-2bTgUU {
 669 | 	margin-top: 50px;
 670 | }
 671 | 
 672 | /* Tooltips */
 673 | #app-mount .tooltipPrimary-3qLMbS,
 674 | .toolbar-37BrJ5 {
 675 |   background-color: var(--background-floating);
 676 | }
 677 | .toolbar-37BrJ5:before {
 678 |   border-top-color: var(--background-floating);
 679 | }
 680 | #app-mount .tooltipPrimary-3qLMbS .tooltipPointer-3L49xb {
 681 |   border-top-color: var(--background-floating);
 682 | }
 683 | /* Voice/Game/etc bar */
 684 | .container-1zzFcN,
 685 | .container-6sXIoE {
 686 |   color: var(--header-primary);
 687 |   border-bottom: none;
 688 | }
 689 | 
 690 | /* ~~~~		  		Settings Modal							~~~~ */
 691 | 
 692 | #app-mount .notDetected-2HEmAp {
 693 |   background-color: var(--background-tertiary);
 694 | }
 695 | .game-3x3aDt {
 696 |   box-shadow: 0 1px 0 0 var(--background-tertiary) !important;
 697 | }
 698 | .container-2nx-BQ[style*="opacity: 1; background-color: hsl(218, calc(var(--saturation-factor, 1) * 4.6%), 46.9%);"] {
 699 |   background-color: #c13a3a !important;
 700 |   fill: #c13a3a !important;
 701 | }
 702 | .container-2nx-BQ[style*="opacity: 1; background-color: hsl(218, calc(var(--saturation-factor, 1) * 4.6%), 46.9%);"]
 703 |   path {
 704 |   fill: #c13a3a !important;
 705 | }
 706 | .cardPrimary-3qRT__ {
 707 |   background: var(--background-secondary);
 708 | }
 709 | .gemIndicatorContainer-PqApbX {
 710 |   background-color: var(--background-primary) !important;
 711 | }
 712 | .cardWrapper-CyvwQv {
 713 |   background: var(--background-secondary);
 714 | }
 715 | .card-2gdrYL:hover {
 716 |   background: var(--background-tertiary);
 717 | }
 718 | 
 719 | /* Buttons Color */
 720 | #app-mount .bar-1Bhnl9 {
 721 |   background: var(--background-secondary);
 722 | }
 723 | #app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
 724 |   background-color: var(--background-secondary);
 725 |   border-color: var(--background-tertiary);
 726 | }
 727 | .premiumTabItem-1QTfBr[aria-selected=true] {
 728 |   color: #fff !important;
 729 |   background-color: #b466c2 !important;
 730 | }
 731 | .dim-2Uxgxb span, .keybindShortcut-3zF1P9 span {
 732 |   background-color: var(--background-secondary) !important;
 733 |   border: 1px solid var(--background-tertiary);
 734 |   box-shadow: inset 0 -4px 0 var(--background-tertiary) !important;
 735 | }
 736 | 
 737 | 
 738 | /* Server Settings */
 739 | #app-mount .default-1Tkeeg,
 740 | .headerExpanded-CUEwZ5,
 741 | .divider-1pnAR2 {
 742 |   background-color: var(--background-tertiary) !important;
 743 | }
 744 | #app-mount .auditLog-3jNbM6 {
 745 |   border-color: var(--background-tertiary);
 746 | }
 747 | #app-mount .card-o7rAq- {
 748 |   background-color: var(--background-secondary);
 749 |   border-color: var(--background-tertiary);
 750 | }
 751 | .cardPrimaryOutline-1ofwVz {
 752 |   background-color: var(--background-secondary);
 753 |   border-color: var(--background-tertiary);
 754 | }
 755 | .changeDetails-bk98pu {
 756 |   background-color: var(--background-secondary) !important;
 757 | }
 758 | .headerClickable-2IVFo9 {
 759 |   background-color: var(--background-secondary) !important;
 760 | }
 761 | .elevationHigh-28Pty4 {
 762 |   background-color: var(--background-floating) !important;
 763 | }
 764 | .css-gvi9bl-control,
 765 | .css-6fzn47-control,
 766 | .css-3vaxre-menu {
 767 |   background-color: var(--background-secondary);
 768 |   border-color: var(--background-tertiary);
 769 | }
 770 | .background-3xJH_4 {
 771 |   color: var(--background-secondary) !important;
 772 | }
 773 | .tierInProgress-1vFUnw {
 774 |   background-color: var(--background-secondary) !important;
 775 | }
 776 | .tierBody-1d3UiS {
 777 |   background-color: var(--background-secondary) !important;
 778 | }
 779 | .tierHeaderContent-2SPBAA {
 780 |   background: var(--background-tertiary);
 781 | }
 782 | .cardPrimaryEditable-2mz_3i {
 783 |   background: var(--background-secondary);
 784 | }
 785 | .editCircle-ityklj, .iconWrapper-lS1uig {
 786 |   background-color: var(--background-primary);
 787 | }
 788 | 
 789 | /* Payment Modal */
 790 | #app-mount .root-g14mjS {
 791 |   background-color: var(--background-primary);
 792 |   box-shadow: none;
 793 | }
 794 | #app-mount .footer-31IekZ {
 795 |   background-color: var(--background-tertiary);
 796 |   box-shadow: none;
 797 | }
 798 | #app-mount .paymentPane-ut5qKZ {
 799 |   background-color: var(--background-tertiary);
 800 | }
 801 | #app-mount .bottomDivider-ZmTm-j {
 802 |   border-bottom-color: var(--background-tertiary);
 803 | }
 804 | .paginator-1eqD2g,
 805 | .payment-2bOh4k,
 806 | .codeRedemptionRedirect-3SBiCp {
 807 |   background-color: var(--background-secondary) !important;
 808 |   border-color: var(--background-tertiary) !important;
 809 | }
 810 | 
 811 | /* Upload Media Modal */
 812 | #app-mount .uploadModal-2ie9O_ {
 813 |   background-color: var(--background-primary);
 814 | }
 815 | #app-mount .footer-VCsJQY {
 816 |   background-color: var(--background-tertiary);
 817 | }
 818 | 
 819 | /* Server Boost Modal */
 820 | #app-mount .perksModal-fSYqOq {
 821 |   background-image: url(/assets/c486dc6….svg);
 822 |   background-color: var(--background-primary);
 823 | }
 824 | #app-mount .tierBody-16Chc9,
 825 | .perk-2WeBWW, .expandedInfo-1W31i3 {
 826 |   background-color: var(--background-tertiary) !important;
 827 | }
 828 | .roleIcon-286ZWG {
 829 |   color: var(--background-accent);
 830 | }
 831 | 
 832 | /* Create Servers Modal */
 833 | #app-mount .lookFilled-yCfaCM.colorGrey-2iAG-B {
 834 |   color: #fff;
 835 |   background-color: var(--brand-experiment);
 836 | }
 837 | .container-x8Y1ix {
 838 |   background-color: var(--background-secondary);
 839 |   border-color: var(--background-tertiary);
 840 | }
 841 | .container-x8Y1ix:hover {
 842 |   background-color: var(--background-tertiary);
 843 | }
 844 | .backButton-2Ps-B8 {
 845 |   color: #747f8d;
 846 | }
 847 | .backButton-2Ps-B8:hover {
 848 |   text-decoration: underline;
 849 | }
 850 | 
 851 | /* ~~~~		  		     BD Support							~~~~ */
 852 | .monaco-editor,
 853 | .monaco-editor-background,
 854 | .monaco-editor .inputarea.ime-input,
 855 | .monaco-editor .margin {
 856 |   background-color: var(--background-secondary) !important;
 857 | }
 858 | .monaco-editor .minimap,
 859 | .monaco-editor .decorationsOverviewRuler {
 860 |   display: none !important;
 861 | }
 862 | .bd-tab-item.selected {
 863 |   cursor: default;
 864 |   background: var(--background-accent);
 865 | }
 866 | .bd-addon-error {
 867 |   border-color: var(--background-tertiary) !important;
 868 |   background: var(--background-secondary) !important;
 869 | }
 870 | .bd-addon-error-icon {
 871 |   display: flex;
 872 |   align-items: center;
 873 |   background-color: var(--background-primary);
 874 | }
 875 | 
 876 | /* ~~~~		  		     Powercord Support							~~~~ */
 877 | .powercord-toast-container {
 878 |   --toast-background: var(--background-secondary);
 879 |   --toast-header: var(--background-tertiary);
 880 |   --toast-contents: var(--background-primary);
 881 |   --toast-box-shadow: var(--elevation-stroke), var(--elevation-high);
 882 |   --toast-border: transparent;
 883 | }
 884 | 
 885 | .powercord-pc-icon {
 886 |   margin-right: 4px;
 887 | }
 888 | .powercord-pc-icon svg {
 889 |   padding-right: 0;
 890 |   width: 28px;
 891 | }
 892 | .powercord-pc-icon::before {
 893 |   background: var(--interactive-normal);
 894 |   -webkit-mask: url("data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAcEAAAHBAgMAAABs1eh7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURQAAAK2trf///xHpVx0AAAACdFJOUwAQayTdXAAABbVJREFUeNrt3UFy8jgQQGFVL2aho+iUqjmJalYqnXISYAgmwbjVrcfkp30Av5I/2RhHMSnZtzx6QrcyPjYyKJ9BdJTjvFUsmC/Fziqikv8FR4MPKndYrwcVO6xfQWi2yk2xwYwU5A0jBDnoomyKFWZkpk7Bi5sgMVkFL2a8uGUkTo9BFwUv5vtipRnXFwddFLyY8WLBi9+Cqy/lghczXix4cdDFHxgXz9WMFwteHHRR8GLGiz8xDpxx4IwDZ+w4Y8cZG87YaMalp2PBi4M+OX5m7DhjC8ZgfFfGMmBGuUpRjPk6DIqxXKkoxus4QMaLFch4GQjJeMYiGU8jQRlPWijjaSgs4ycXy/gxFpjxwwtm/BgMzfhooz6DCcYH20LGB1swBmMw/rmMGWcsNOOzYsOLFS8mutjx4oqv/3mScd44zzEakGWKMVuUZxjFdO6UCUbbcsg8wWg7XUXPKLazR/SMxuWQWc9oXA5ZDIxzs9XCOAVpYpyCtDHOFG2MM1PHxjgxdYyME0Uj48RktTLqi1ZG9WQ1M6qLZkb16WFmVBfNjNqinVFbdGBUXgIcGJVF/W2ccTmk6G9Vjcshs/523Lgcsui/chi/0+q/VomtKPqvjtlWzPqvx8VWnHgEYHw2oX9aZVwOOfFEzrgc8tnzsX7Mobox/gRpfMb0LPh9X2J7xiRPi+2Qgx/jD5DG5ZBPGb/vzPjk7nnwHlJsT+7kQLEdcOiOjN/2VmzPCg8w3hsZn04eCW4hxfaQWQ4V23OH6sl4B1lsJ8chxu3+jI+1jwVvj5lxrYAcLLZnDs2XcTME41qBg4y3kMa/hxwNfo0BYrxxghhvBkExfkFRjNdRYIxeyyGzothpRqflkJqgy3JIURUbzOizHFLF6LIcUhd0WA4pymKDGT2WQyoZHZZDaoPm5ZCiLjaY0b4cUs1oXvLhFVzIaF3ykb2KwRiMwRiMwRiMfwij4IwZZyw0o1ux4VO14sVET9WOF48zZpwx04xeJ0fHiw0vev4Z15sx4YwJZ0w4o+CMgjMKzig0o1Mx0cWOFxterHgxvcEY2xvMVf58fME1p73BZ4cKEr8H+LX3Ofy9nAaSvyf/td87FMWMTx3+GytflDcopncoFvzCyhczfc15wb1VoieOT1H3z4AFZvSZOipGl6mTEgyp/Z/OAjN6QFZlUWhGO6T+P9cLzGiHrOqi0IxWyJl3VxSY0QpZJ4pCM9og597sMgn5zyzjNGSdZZyGvHnxLQPZb17uy0C2mxcYM5D189jUyaJMnogyO8QpSOPbwgpzPbVBVltRoOupBdL80rcCM05AVnyMiXY0M0owBmMwBmMwBmMwBmMw/kbGjDMWmlFdbHix4sVEFztebHix4kV7cOZlBOh11YFx5qUSKKRHcOblICCkC+PMS158If9ezngPmZYz3kH2vbnrxLiFbDPvtTWNse7N3bSiuDd33X5II9/ttCxnLHc7zasZN8W6dxFKK6bq3kWoryj2vU+TtmKqtr1Pk7qiWPc+TdKKk2Pv06SvKPa92wI3xtPu23aneSnjqVjLZqeylPH8M6h5u9OljKe9n0fV9+7vmnMxbXeaVzLKuL6fqu7d3yXvYt7udCXjpSjbnZaFjHLZ3XaneR3jad/nz+HdG/XkW6xPb9T7+mJZxviomJcxPirKMsaHy3qWMT4s5lWMD4uy6qA+XixVFh3Ux8W8ZqbuFNOiIe4UZc0Q9xa9lQUTdb94Trr//OLuwj5Z9QOzCd2iGEXXT+Qo/sJiQ4vykmKPovc28IvOa4rsCVleUmRPyIxP1vySE3LwxYqfHg0vdvz0GHyx0qcHCyk4pAwccuCQBYfMbwApPOTAIQsOmQMyIAMyIAMyIAMyIAMyIP/3kH8FZJyRARmQARmQARmQARmQARmQIORb/OEs4ZAJh0w4ZMIhEw6ZaEh45ZXgxY/D2hJ9WB139i9DGxh/HluS1wAAAABJRU5ErkJggg==") left/18px 18px no-repeat;
 895 | }
 896 | .powercord-pc-icon:hover::before {
 897 |   background: var(--interactive-hover);
 898 | }
 899 | .powercord-pc-icon:active::before {
 900 |   background: var(--interactive-active);
 901 | }
 902 | .item-3XjbnG[data-item-id="pc-updater"] {
 903 |   height: 4.65rem;
 904 |   align-items: unset !important;
 905 | }
 906 | .item-3XjbnG[data-item-id="pc-moduleManager-themes"] {
 907 |   font-size: 0px;
 908 |   visibility: none !important;
 909 |   padding-top: px;
 910 |   margin-bottom: 2px;
 911 | }
 912 | .item-3XjbnG[data-item-id="pc-moduleManager-themes"]:after {
 913 |   font-size: 16px;
 914 |   visibility: visible !important;
 915 |   content: "Quick CSS";
 916 | }
 917 | .item-3XjbnG[data-item-id="pc-moduleManager-themes"]:not(:selected):hover:after {
 918 |   color: var(--interactive-hover) !important;
 919 | }
 920 | .item-3XjbnG[data-item-id="pc-moduleManager-themes"]:active:after {
 921 |   color: var(--interactive-active) !important;
 922 | }
 923 | .item-3XjbnG[data-item-id="pc-moduleManager-themes"]:selected:after {
 924 |   color: var(--interactive-active) !important;
 925 | }
 926 | .item-3XjbnG[data-item-id="theme-toggler"] {
 927 |   font-size: 0px;
 928 |   visibility: none !important;
 929 |   padding-top: 6px;
 930 |   margin-bottom: 2px;
 931 | }
 932 | .item-3XjbnG[data-item-id="theme-toggler"]:after {
 933 |   font-size: 16px;
 934 |   visibility: visible !important;
 935 |   content: "Themes";
 936 | }
 937 | .item-3XjbnG[data-item-id="theme-toggler"]:not(:selected):hover:after {
 938 |   color: var(--interactive-hover) !important;
 939 | }
 940 | .item-3XjbnG[data-item-id="theme-toggler"]:active:after {
 941 |   color: var(--interactive-active) !important;
 942 | }
 943 | .item-3XjbnG[data-item-id="theme-toggler"]:selected:after {
 944 |   color: var(--interactive-active) !important;
 945 | }
 946 | .side-2ur1Qk > div {
 947 |   order: 0;
 948 | }
 949 | .item-3XjbnG[data-item-id="theme-toggler"] {
 950 |   order: 1 !important;
 951 | }
 952 | .side-2ur1Qk > div:nth-child(n + 33) {
 953 |   order: 14;
 954 | }
 955 | .item-3XjbnG[data-item-id="pc-updater"]:hover {
 956 |   background: linear-gradient(180deg, var(--background-modifier-hover) 0%, var(--background-modifier-hover) 40%, var(--background-secondary) 40.01%, var(--background-secondary) 100%) !important;
 957 | }
 958 | .item-3XjbnG[data-item-id="pc-updater"][class*="selected"] {
 959 |   background: linear-gradient(180deg ,var(--background-modifier-selected) 0%, var(--background-modifier-selected) 40%, var(--background-secondary) 40.01%, var(--background-secondary) 100%) !important;
 960 | }
 961 | .item-3XjbnG[data-item-id="pc-updater"]:after {
 962 |   position: absolute;
 963 |   margin-top: 2.19rem;
 964 | 
 965 |   border-top: 1px solid var(--background-modifier-accent);
 966 |   line-height: 2.6rem;
 967 |   width: 89.5%;
 968 | 
 969 |   content: "Plugin Settings";
 970 |   color: var(--channels-default);
 971 |   text-transform: uppercase;
 972 |   font-weight: 700;
 973 |   font-size: 12px;
 974 | }
 975 | .sidebar-nqHbhN .side-2ur1Qk .item-3XjbnG[aria-controls="theme-toggler-tab" i]::before {
 976 |   -webkit-mask: url(https://raw.githubusercontent.com/snappercord/Settings-Icons/5d3bdc83c015c7180de9980d0db545a2c4742041/icons/plugin/themetoggler.svg) center/contain no-repeat;
 977 | }
 978 | 
 979 | 
 980 | /* ~~~~		  		 Plugin Support							~~~~ */
 981 | 
 982 | /* Better Codeblocks */
 983 | #app-mount .hljs {
 984 |   background-color: var(--background-secondary) !important;
 985 |   color: var(--text-normal);
 986 |   position: relative;
 987 | }
 988 | .bd-codeblock-copy-btn {
 989 |   color: var(--text-normal);
 990 |   background: var(--background-primary) !important;
 991 | }
 992 | 
 993 | /* Better Formatting Redux */
 994 | .bf-toolbar::before {
 995 |   background: var(--background-secondary) !important;
 996 | }
 997 | .tooltipBlack-vMYxvw {
 998 |   background-color: var(--background-floating) !important;
 999 | }
1000 | .tooltipPointer-3L49xb {
1001 |   border-top-color: var(--background-floating) !important;
1002 | }
1003 | 
1004 | */
1005 | 
1006 | /* ~~~~		  		    Watermark							~~~~ */
1007 | html:only-child > head + body > div#app-mount.appMount-2yBXZl > div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-31rlnD.scrollerBase-_bVAAt.fade-1R6FHN > nav.sidebar-nqHbhN > div.side-2ur1Qk > div.info-1sUqUG {
1008 |   position: relative !important;
1009 | }
1010 | html:only-child > head + body > div#app-mount.appMount-2yBXZl > div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-31rlnD.scrollerBase-_bVAAt.fade-1R6FHN > nav.sidebar-nqHbhN > div.side-2ur1Qk > div.info-1sUqUG::after {
1011 |   content: "Simplify by" !important;
1012 |   font-size: 12px !important;
1013 |   color: var(--text-muted) !important;
1014 |   display: inline !important;
1015 |   opacity: 1 !important;
1016 | }
1017 | html:only-child > head + body > div#app-mount.appMount-2yBXZl > div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-31rlnD.scrollerBase-_bVAAt.fade-1R6FHN > nav.sidebar-nqHbhN > div.side-2ur1Qk > div.info-1sUqUG::before {
1018 |   content: "Ashtrath#0727" !important;
1019 |   font-size: 12px !important;
1020 |   color: var(--background-accent) !important;
1021 |   display: inline !important;
1022 |   cursor: cursor;
1023 |   opacity: 1 !important;
1024 |   visibility: visible !important;
1025 |   position: absolute !important;
1026 |   left: 76px !important;
1027 |   bottom: 8px !important;
1028 | }
1029 | 
1030 | /* ----------------------------- END OF THEME ----------------------------- */
1031 | 
1032 | /* ~~~~		  		Cool Snippets from BD & Powercord Server							~~~~ */
1033 | 
1034 | /* Shrink server banners to header instead of disappearing. */
1035 | [class*="animatedContainer-"] {
1036 |   opacity: 1 !important;
1037 |   transition: opacity 0.25s;
1038 | }
1039 | [class*="animatedContainer-"] > [class*="bannerImage-"] {
1040 |   transition: margin 0.25s;
1041 | }
1042 | :not([class*="bannerVisible-"]) > [class*="animatedContainer-"] {
1043 |   opacity: 0.35 !important;
1044 |   height: 138px;
1045 | }
1046 | :not([class*="bannerVisible-"])
1047 |   > [class*="animatedContainer-"]
1048 |   > [class*="bannerImage-"] {
1049 |   margin-top: -12px;
1050 | }
1051 | 
1052 | /* Minified Members and Search */
1053 | /* By Fitil, Search fix by Cryptogenic */
1054 | .members-3WRCEx,
1055 | .membersWrap-3NUR2t,
1056 | .searchResultsWrap-5RVOkx {
1057 |   z-index: 3;
1058 |   border-radius: 18px 0px 0px 18px !important;
1059 |   margin-top: 4px;
1060 |   margin-bottom: 4px;
1061 |   width: 62px;
1062 |   min-width: 60px;
1063 |   transition-property: width, min-width;
1064 |   transition-duration: 600ms;
1065 | }
1066 | .members-3WRCEx:hover,
1067 | .membersWrap-3NUR2t:hover {
1068 |   width: 240px;
1069 |   min-width: 240px;
1070 | }
1071 | .searchResultsWrap-5RVOkx:hover {
1072 |   width: 418px;
1073 |   min-width: 418px;
1074 | }
1075 | .searchResultGroup-1lU_-i {
1076 |   width: 394px;
1077 | }
1078 | .membersWrap-3NUR2t,
1079 | .searchResultsWrap-5RVOkx {
1080 |   position: absolute;
1081 |   right: 0;
1082 |   height: 99%;
1083 |   box-shadow: none;
1084 | }
1085 | .chatContent-3KubbW {
1086 |   min-width: calc(100% - 60px);
1087 |   max-width: calc(100% - 60px);
1088 | }
1089 | .chatContent-3KubbW[aria-label=" (channel)"] {
1090 |   min-width: 100%;
1091 |   max-width: 100%;
1092 | }
1093 | 
1094 | /* User Role List Category Group Labels */
1095 | .members-3WRCEx .membersGroup-2eiWxl {
1096 |   width: calc(var(--User-List-Width) - 16px);
1097 |   font-family: var(--font-display);
1098 |   font-size: 12px;
1099 |   height: 30px;
1100 |   margin: 0px 0px 6px 8px;
1101 |   padding: 10px 0px 0px 0px;
1102 |   letter-spacing: 0.01em;
1103 |   text-align: left;
1104 |   color: var(--channels-default);
1105 | }
1106 | .membersGroup-2eiWxl::after {
1107 |   content: "";
1108 |   display: block;
1109 |   width: 210px;
1110 |   height: 1px;
1111 |   left: 7px;
1112 |   margin-top: 4px;
1113 |   background: var(--channels-default);
1114 |   position: absolute;
1115 | }
1116 | 
1117 | /* Theme Warnings by Snapperito#0001 */
1118 | @keyframes settingsflash {
1119 |   0% {
1120 |     box-shadow: 0 2px 10px rgba(240, 71, 71, 0.2),
1121 |       0 0 0 2px rgba(240, 70, 70, 0.3);
1122 |   }
1123 | 
1124 |   70% {
1125 |     box-shadow: 0 0 20px 15px rgba(240, 71, 71, 0.1),
1126 |       0 0 0 6px rgba(240, 70, 70, 0.2);
1127 |   }
1128 | 
1129 |   100% {
1130 |     box-shadow: 0 0 20px 15px rgba(240, 71, 71, 0),
1131 |       0 0 0 6px rgba(240, 24, 70, 0.1);
1132 |   }
1133 | }
1134 | .theme-light .layer-86YKbF:first-of-type::before {
1135 |   content: "This theme only support dark mode. To enable it, go into Settings -> Appearance"; /* Warning Text */
1136 | 
1137 |   position: fixed;
1138 |   text-align: center;
1139 |   width: 400px;
1140 |   height: 30px;
1141 |   top: 50%;
1142 |   left: 50%;
1143 |   background: var(--background-secondary); /* Inner Color */
1144 | 
1145 |   transform: translate(-50%, -50%); /* Text Color */
1146 | 
1147 |   color: #ffffff;
1148 |   padding: 17px 16px 20px 13.5px;
1149 |   box-shadow: 0 2px 10px rgba(240, 71, 71, 0.22);
1150 |   border: 2.5px solid #f04747;
1151 |   border-radius: 4px;
1152 |   z-index: 2;
1153 | }
1154 | .theme-light .app-2CXKsg .layer-86YKbF:first-of-type *::before, .theme-light .app-2CXKsg .layer-86YKbF:first-of-type *::after, .theme-light .app-2CXKsg .layer-86YKbF:first-of-type * {
1155 |   visibility: hidden !important;
1156 | }
1157 | .theme-light .app-2CXKsg .layer-86YKbF:first-of-type {
1158 |   background-color: var(--background-primary) !important; /* Color Behind Warning */
1159 | }
1160 | .theme-light .preview-rua1rr.cardPrimaryOutline-1ofwVz+.marginTop40-Q4o1tS .radioGroup-1GBvlr .cardPrimaryEditable-2mz_3i:first-of-type,
1161 |   .theme-light .preview-rua1rr.cardPrimaryOutline-1ofwVz+.marginTop40-Q4o1tS .radioGroup-1GBvlr .item-2idW98:first-of-type {
1162 |   animation: settingsflash 1s ease infinite;
1163 |   background: #f04747;
1164 |   border-color: #f04747;
1165 | }
1166 | .theme-light .preview-rua1rr.cardPrimaryOutline-1ofwVz+.marginTop40-Q4o1tS .radioGroup-1GBvlr .cardPrimaryEditable-2mz_3i:first-of-type,
1167 | .theme-light .preview-rua1rr.cardPrimaryOutline-1ofwVz+.marginTop40-Q4o1tS .radioGroup-1GBvlr .item-2idW98:first-of-type {
1168 |   animation: settingsflash 1s ease infinite;
1169 |   background: #f04747;
1170 |   border-color: #f04747;
1171 |   color: #ffffff;
1172 | }
1173 | .theme-light .app-2CXKsg .container-YkUktl > .noWrap-hBpHBz > .button-12Fmur:nth-child(3) {
1174 |   position: fixed;
1175 |   left: 50%;
1176 |   top: 50%;
1177 |   transform: translate(-50%, -50%);
1178 |   margin-top: 70px;
1179 |   width: 220px;
1180 |   height: 40px;
1181 |   visibility: visible !important;
1182 |   background: #f04747 !important; /* Container Color */
1183 |   border-radius: 4px;
1184 |   animation: settingsflash 1s ease infinite;
1185 |   opacity: 1;
1186 | }
1187 | .theme-light .app-2CXKsg .container-YkUktl > .noWrap-hBpHBz > .button-12Fmur:nth-child(3)::before {
1188 |   position: absolute;
1189 |   content: "GO TO SETTINGS";
1190 |   display: flex;
1191 |   justify-content: center;
1192 |   align-items: center;
1193 |   width: 230px;
1194 |   height: 14px;
1195 |   border-radius: 5px;
1196 |   top: 50%;
1197 |   left: 50%;
1198 |   transform: translate(-50%, -50%);
1199 |   visibility: visible !important;
1200 |   font-size: 17px;
1201 |   font-weight: 700;
1202 |   color: #ffffff;
1203 |   text-align: center;
1204 | }
1205 | .theme-light [aria-controls="Appearance-tab"] {
1206 |   border: 2px solid #f04747;
1207 |   animation: settingsflash 1s ease infinite;
1208 | }
1209 | 
1210 | .theme-light .children-1xdcWE > .marginTop40-Q4o1tS:nth-child(2) > div > div[tabindex="-1"]:not(:nth-child(3)) {
1211 |   border: 2px solid #f04747;
1212 |   animation: settingsflash 1s ease infinite;
1213 | }
1214 | 
1215 | /* Hide Some Things */
1216 | .banner-1YaD3N:hover .premiumIconWrapper-32h0Ri .textBadge-1fdDPJ,
1217 | .banner-1YaD3N:hover .bannerOverlay-1uIerX,
1218 | .banner-1YaD3N:hover .pencilIcon-z04-c5,
1219 | button[aria-label="Send a gift"],
1220 | [href="/discovery"],
1221 | .toolbar-3_r2xA a,
1222 | .gifTag-3_dPxY,
1223 | #bd-pub-button,
1224 | #bd-pub-li {
1225 |   display: none;
1226 | }
1227 | 
1228 | /* Replaces Message Links with "Jump to Message" */
1229 | [title^="https://discord.com/channels/"],
1230 | [title^="https://ptb.discord.com/channels/"],
1231 | [title^="https://canary.discord.com/channels/"] {
1232 |     line-height:0;
1233 |     font-size:0;
1234 | }
1235 | [title^="https://discord.com/channels/"]::before,
1236 | [title^="https://ptb.discord.com/channels/"]::before,
1237 | [title^="https://canary.discord.com/channels/"]::before {
1238 |   content: "Jump to Message";
1239 |   font-size: 16px;
1240 |   font-weight: 500;
1241 | }
1242 | 


--------------------------------------------------------------------------------
/simplify.theme.css:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @name Simplify
  3 |  * @description Simple Clean looking theme with blue colors.
  4 |  * @author Ashtrath
  5 |  * @version 1.0.0
  6 |  * @authorId 2354831939099688962
  7 |  */
  8 | 
  9 | 
 10 | /* DONT TOUCH THIS!!! */
 11 | @import url("https://dyzean.github.io/Simplify/simplify.css");
 12 | 
 13 | /*  Read this before editing stuff!!!
 14 | *
 15 | *   > To comment or uncomment a line you need to put those "/" and "*" characters as you can see at the beginning and ending of my comments.
 16 | *      (You don't need to put a * at each line like I do, it's just for readability). See more here : https://developer.mozilla.org/en-US/docs/Web/CSS/Comments
 17 | *
 18 | *   > You can play with the values and see how it goes, don't delete "px" after the value if you don't have knowledges in CSS.
 19 | *
 20 | *   > To change the colors, replace the HEX code with the one you picked here : https://htmlcolorcodes.com
 21 | */
 22 | 
 23 | /* No scrollbars, Delete the line below if you want the scrollbar back */
 24 | ::-webkit-scrollbar { display: none;}.content-1x5b-n { margin: 0 !important; border-radius: 0; }.mainContent-u_9PKf { padding-left: 8px;}.container-2Pjhx- { margin: 0; max-width: unset; }.layout-2DM8Md { border-radius: 0; padding: 0 16px;}.unread-2lAfLh { z-index: 1;} .buttons-3JBrkn { padding-right: 10px !important;}
 25 | 
 26 | /* Settings Modal, Delete the line below if you want the normal settings */
 27 | #app-mount .baseLayer-35bLyl {	opacity: 1 !important;	transform: unset !important;	will-change: unset !important;}#app-mount .stop-animations * {	transition-property: inherit !important;	animation: inherit !important;}#app-mount .layer-3QrUeG.stop-animations:first-child::after {	content: "" !important;	position: fixed !important;	background: rgb(0, 0, 0) !important;	top: 0 !important;	right: 0 !important;	bottom: 0 !important;	left: 0 !important;	margin: 0 !important;	padding: 0 !important;	opacity: 0.85 !important;	z-index: 999 !important;	pointer-events: none !important;}#app-mount .layer-3QrUeG ~ .layer-3QrUeG {	position: absolute !important;	top: 0 !important;	right: 0 !important;	bottom: 0 !important;	left: 0 !important;	background: var(--settingsmodalbackground) !important;	border-radius: 5px !important;	box-shadow: var(--elevation-high) !important;	width: var(--settingsmodalwidth) !important;	height: var(--settingsmodalheight) !important;	margin: auto !important;	padding: 0 !important;	overflow: hidden !important;	contain: unset !important;	z-index: 1000 !important;}#app-mount .layer-3QrUeG ~ .layer-3QrUeG > div,#app-mount .layer-3QrUeG ~ .layer-3QrUeG .standardSidebarView-3F1I7i {	position: static !important;	border-radius: unset !important;	width: 100% !important;	height: 100% !important;	margin: unset !important;	padding: unset !important;	overflow: hidden !important;}#app-mount .layer-3QrUeG ~ .layer-3QrUeG .sidebar-CFHs9e,#app-mount .layer-3QrUeG ~ .layer-3QrUeG .contentColumnDefault-1VQkGM {	padding-top: 20px !important;	padding-bottom: 20px !important;}#app-mount .layer-3QrUeG ~ .layer-3QrUeG .sidebar-dLM-kh {	height: var(--settingsmodalheight) !important;}#app-mount .layer-3QrUeG ~ .layer-3QrUeG .repoHeader-2KfNvH {	max-width: calc(var(--settingsmodalwidth) - 256px) !important;;}#app-mount .layer-3QrUeG ~ .layer-3QrUeG .standardSidebarView-3F1I7i .editor {	height: calc(var(--settingsmodalheight) - 120px) !important;}#app-mount .layer-3QrUeG ~ .layer-3QrUeG .toolsContainer-1edPuj,#app-mount .layer-3QrUeG ~ .layer-3QrUeG .toolsContainer-1edPuj .tools-3-3s-N,#app-mount .layer-3QrUeG ~ .layer-3QrUeG .toolsContainer-1edPuj .container-1sFeqf,#app-mount .layer-3QrUeG ~ .layer-3QrUeG .toolsContainer-1edPuj .closeButton-1tv5uR {	position: absolute !important;	top: 0 !important;	right: 0 !important;	bottom: 0 !important;	left: 0 !important;	background: transparent !important;	border: none !important;	border-radius: 0 !important;	width: 100% !important;	max-width: unset !important;	height: 100% !important;	max-height: unset !important;	margin: 0 !important;	padding: 0 !important;	opacity: 0 !important;	cursor: default !important;}#app-mount .layer-3QrUeG ~ .layer-3QrUeG .toolsContainer-1edPuj {	position: fixed !important;	top: 22px !important;	z-index: -1 !important;}#app-mount .layer-3QrUeG ~ .layer-3QrUeG .settingsToolbar-wu4yfQ {	display: none !important;}#app-mount .layer-3QrUeG ~ .layer-3QrUeG .header-2RyJ0Y {	max-width: calc(var(--settingsmodalwidth) - 730px) !important;}#app-mount .root-3R2ngo {	position: fixed !important;	top: 0 !important;	right: 0 !important;	bottom: 0 !important;	left: 0 !important;	background: var(--settingsmodalbackground) !important;	border-radius: 5px !important;	box-shadow: var(--elevation-high) !important;	width: var(--settingsmodalwidth) !important;	height: var(--settingsmodalheight) !important;	margin: auto !important;	padding: 0 !important;	overflow: hidden !important;	contain: unset !important;	z-index: 1000 !important;}#app-mount .root-3R2ngo.enterDone-2zvtsK {	transform: unset !important;}#app-mount .perksModal-fSYqOq {	position: static !important;	border-radius: unset !important;	width: 100% !important;	height: 100% !important;	margin: unset !important;	padding: unset !important;}#app-mount .perksModal-fSYqOq::before {	width: var(--settingsmodalwidth) !important;	height: var(--settingsmodalheight) !important;	margin: auto !important;}#app-mount .perksModalContentWrapper-2HU6uL {	padding: 10px 0 10px !important;}#app-mount .root-3R2ngo .perksModal-fSYqOq .carousel-6MSnEI {	margin-left: calc(-0.5 * (100vw - var(--settingsmodalwidth))) !important;}#app-mount .root-3R2ngo .closeWrapper-9ScmSq,#app-mount .root-3R2ngo .closeWrapper-9ScmSq .closeContent-I3JbQJ,#app-mount .root-3R2ngo .closeWrapper-9ScmSq .container-1sFeqf,#app-mount .root-3R2ngo .closeWrapper-9ScmSq .closeButton-1tv5uR {	position: absolute !important;	top: 0 !important;	right: 0 !important;	bottom: 0 !important;	left: 0 !important;	background: transparent !important;	border: none !important;	border-radius: 0 !important;	width: 100% !important;	max-width: unset !important;	height: 100% !important;	max-height: unset !important;	margin: 0 !important;	padding: 0 !important;	opacity: 0 !important;	cursor: default !important;}#app-mount .root-3R2ngo .closeWrapper-9ScmSq {	position: fixed !important;	top: 22px !important;	z-index: -1 !important;}#app-mount .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {  background-color: var(--background-secondary);  border-color: var(--background-tertiary);}
 28 | 
 29 | 
 30 | /* ---- Discord Variables ---- */
 31 | :root.theme-dark, .theme-light { /* I Don't support light theme, its just for "Create Server" modals */
 32 |   /* Font Family */
 33 |     --font-primary: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
 34 |     --font-display: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
 35 | 
 36 |   /* Settings Modal */
 37 |     --settingsmodalbackground: transparent;
 38 |     --settingsmodalwidth: 1000px;
 39 |     --settingsmodalheight: 85vh;
 40 | 
 41 |   /*  Header Color  */
 42 |     --header-primary: #fff;
 43 |     --header-secondary: #b9bbbe;
 44 | 
 45 |   /*  Text Color  */
 46 |     --text-normal: #f7f4f4;
 47 |     --channels-default: #ddd5d3;
 48 |     --interactive-normal: #EAE1DF;
 49 |     --interactive-hover: #EAE1DF;
 50 |     --interactive-active: #fff;
 51 |     --interactive-muted: #505355;
 52 | 
 53 |   /* Background Color */
 54 |     --background-primary: #1c223a;
 55 |     --background-secondary: #181d33;
 56 |     --background-secondary-alt: #14192b;
 57 |     --background-tertiary: #14192b;
 58 |     --background-accent: #4d6a91;
 59 |     --background-floating: #171d30;
 60 |     --background-mentioned: rgba(0, 186, 254, 0.5);
 61 |     --background-mentioned-hover: rgba(42, 196, 252, 0.63);
 62 | 
 63 |   /* Scrollbars Color */
 64 |     --scrollbar-thin-thumb: rgba(44, 49, 71, 0.658);
 65 |     --scrollbar-thin-track: transparent;
 66 |     --scrollbar-auto-thumb: rgba(67, 79, 134, 0.658);
 67 |     --scrollbar-auto-track: rgba(24, 28, 51, 0.7);
 68 |     --scrollbar-auto-scrollbar-color-thumb: rgba(67, 79, 134, 0.555);
 69 | 
 70 |   /* Chat */
 71 |     --channeltextarea-background: var(--background-primary);
 72 |     --channeltextarea-background-hover: var(--background-secondary);
 73 | 
 74 | /* ---- Addons Variables ---- */
 75 | 
 76 |   /* --- Channel Indicator --- */
 77 |     --indicator-hovered: rgba(79, 84, 92, 0.25);
 78 |     --indicator-rounding: 0;
 79 |     --indicator-border-info: 2px solid;
 80 | 
 81 |     --indicator-selected: 112, 135, 215;
 82 |     --indicator-selected-border: rgba(var(--indicator-selected));
 83 |     --indicator-selected-background: rgba(var(--indicator-selected), 0.1);
 84 |     --indicator-selected-hover: rgba(var(--indicator-selected), 0.18);
 85 | 
 86 |     --indicator-unread: 255, 255, 255;
 87 |     --indicator-unread-border: rgba(var(--indicator-unread), 0.6);
 88 |     --indicator-unread-background: rgba(var(--indicator-unread), 0.01);
 89 |   
 90 |     --indicator-connected: 67, 181, 129;
 91 |     --indicator-connected-border: rgba(var(--indicator-connected));
 92 |     --indicator-connected-background: rgba(var(--indicator-connected), 0.1);
 93 |     --indicator-connected-hover: rgba(var(--indicator-connected), 0.18);
 94 | 
 95 |   /* --- Radial Status --- */
 96 |     --rs-small-spacing: 2px; /* Gap between avatar and status for members list/dms | MUST end in px */
 97 |     --rs-medium-spacing: 3px; /* Gap between avatar and status for User popout | MUST end in px */
 98 |     --rs-large-spacing: 4px; /* Gap between avatar and status for User profiles | MUST end in px */
 99 | 
100 |     --rs-small-width: 2px; /* Thickness of status border for members list/dms | MUST end in px */
101 |     --rs-medium-width: 3px; /* Thickness of status border for User popout | MUST end in px */
102 |     --rs-large-width: 4px; /* Thickness of status border for User profile | MUST end in px */
103 | 
104 |     --rs-avatar-shape: 50%; /* 50% for round - 0% for square */
105 | 
106 |     --rs-online-color: #43b581; /* Colour for online status */
107 |     --rs-idle-color: #faa61a; /* Colour for idle status */
108 |     --rs-dnd-color: #f04747; /* Colour for dnd status */
109 |     --rs-offline-color: #636b75; /* Colour for offline status */
110 |     --rs-streaming-color: #643da7; /* Colour for streaming status */
111 |     --rs-invisible-color: #747f8d; /* Colour for invisible status - Note: this will only show for your own invisibility */
112 |     --rs-phone-color: var(--rs-online-color); /* Colour of the ring and phone icon when a user is on their phone |  */
113 | 
114 |     --rs-phone-visible: block; /* Visibility of the phone icon next to a users avatar. | block = visible | none = hidden */
115 |     --container-color: var(--background-floating);
116 | }
117 | 


--------------------------------------------------------------------------------