. by novanovanova

/* ==UserStyle==
@name           Example
@namespace      example.com
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("discordapp.com"), domain(discord.com) {
    /**
        
/*[[th]]*/
/*V1.11.2_210503*/
/*Theme by Zhou Yahui, to install to Discord client follow tutorial from here: https://imgur.com/a/bYBErUC */
/*[[wack]]*/
/*[[bmh]]*/
/*[[tnl]]*/
/*online*/
  .mask-1l8v16 rect[mask="url(#svg-mask-status-online)"], .mask-1l8v16 rect[mask= "url(#svg-mask-status-online-mobile)"]
  {
    fill: /*[[oln]]*/;
  }
/*donotdisturb*/
  .mask-1l8v16 rect[mask="url(#svg-mask-status-dnd)"]
  {
    fill: /*[[ddn]]*/;
  }
/*idle*/
  .mask-1l8v16 rect[mask="url(#svg-mask-status-idle)"]
  {
    fill: /*[[idn]]*/;
  }
/*streaming*/
  .mask-1l8v16 rect[mask="url(#svg-mask-status-streaming)"]
  {
    fill: /*[[srn]]*/;
  }
/*offline*/
  .mask-1l8v16 rect[mask="url(#svg-mask-status-offline)"]
  {
    fill: /*[[ofn]]*/}
:root {
--minr: /*[[min]]*/;
    --scnr: /*[[scn]]*/;
--acnr: /*[[acn]]*/;
    --txnr: /*[[txn]]*/;
--tmnr: /*[[tmn]]*/;
/*[[rgb]]*/;
  }

  .theme-dark
  {
    --header-primary: var(--txnr);
    --header-secondary: var(--txnr);
    --text-normal: var(--txnr);
    --text-muted: var(--tmnr);
    --text-link: var(--acnr);
    --channels-default: var(--txnr);
    --interactive-normal: var(--txnr);
    --interactive-hover: var(--acnr);
    --interactive-active: var(--txnr);
    --interactive-muted: var(--tmnr);
    --background-primary: var(--minr);
    --background-secondary: var(--scnr);
    --background-secondary-alt: var(--minr);
    --background-tertiary: var(--scnr);
    --background-accent: var(--acnr);
    --background-floating: var(--scnr);
    --background-mobile-header: #2f3136;
    --background-modifier-hover: var(--scnr);
    --background-modifier-active: rgba(79,84,92,0.24);
    --background-modifier-selected: var(--minr);
    --background-modifier-accent: var(--mcnr);
    --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);
    --elevation-high: 0 8px 16px rgba(0,0,0,0.24);
    --logo-primary: var(--txnr);
    --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    --channeltextarea-background: var(--scnr);
    --activity-card-background: var(--scnr);
    --textbox-markdown-syntax: #8e9297;
    --deprecated-panel-background: var(--scnr);
    --deprecated-card-bg: rgba(32,34,37,0.6);
    --deprecated-card-editable-bg: rgba(32,34,37,0.3);
    --deprecated-store-bg: #36393f;
    --deprecated-quickswitcher-input-background: #72767d;
    --deprecated-quickswitcher-input-placeholder: hsla(0,0%,100%,0.3);
    --deprecated-text-input-bg: rgba(0,0,0,0.1);
    --deprecated-text-input-border: rgba(0,0,0,0.3);
    --deprecated-text-input-border-hover: #040405;
    --deprecated-text-input-border-disabled: #202225;
    --deprecated-text-input-prefix: #dcddde;
    --scrollbar-thin-thumb: var(--acnr);
    --scrollbar-auto-track: transparent;
    --radio-group-dot-foreground: var(--acnr);
  }

  .appMount-2yBXZl, body
  {
    background-color: var(--acnr);
  }

  .appMount-2yBXZl, body
  {
    background: rgba(0,0,0,.5);
  }
/*acnbcg*/
  .colorDefault-2K3EoJ.focused-3afm-j, .lookGhost-2Fn_0-.colorBrand-3pXr91, .theme-dark .categoryFadeBlurple-1j72_A, .theme-light .categoryFadeBlurple-1j72_A, .item-2hkk8m, .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9, .wrapper-1BJsBx:hover .childWrapper-anI2G9, .theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2FKFPG::-webkit-scrollbar-thumb, .scrollerThemed-2oenus.themeDark-2cjlUp .scroller-2FKFPG::-webkit-scrollbar-thumb, .theme-dark .scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-thumb, .theme-light .scrollerThemed-2oenus.themeDark-2cjlUp .scroller-2FKFPG::-webkit-scrollbar-thumb, .lookFilled-1Gx00P.colorGreen-29iAKY, .theme-dark .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:hover, .theme-light .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:hover, .lookFilled-1Gx00P.colorBrand-3pXr91, .tag-2gHSR7, .theme-dark .checked-3_4uQ9, .newMessagesBar-mujexs, .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:active, .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, .headerPlaying-j0WQBV, .headerStreaming-2FjmGz, .unreadPill-2HyYtt, .mediaBarGrabber-1FqnbN, .mediaBarProgress-1xaPtl, .mediaBarProgress-1xaPtl:after, .mediaBarProgress-1xaPtl:before, .checkboxEnabled-CtinEn, .themeDefault-24hCdX.valueChecked-m-4IJZ, .theme-dark .defaultIndicator-G3c16x, .theme-dark .premiumIndicator-1XvbfM, .css-12o7ek3-option, .barFill-23-gu-, .selected-mKYnfr.option-n0icdO, .theme-dark .nowPlaying-284llR, .theme-light .nowPlaying-284llR, .iconBadge-2wi9r4.participating-NBGDkr, .live-vBWnV6.liveSmall-1dy2uA.textBadge-1iylP6.base-PmTxvP, .flex-1xMQg5.flex-1O1GKY.horizontal-1ae9ci.horizontal-2EEEnY.flex-1O1GKY.directionRow-3v3tfG.justifyStart-2NDFzi.alignCenter-1dQNNs.noWrap-3jynv6.selectableItem-1MP3MQ.selected-31soGA, .theme-dark .tierAccomplished-2eXPdI, .theme-dark .tierCurrent-Lw7-4E, .theme-dark .tierDefault-2qaRkD, .theme-light .tierAccomplished-2eXPdI, .theme-light .tierCurrent-Lw7-4E, .theme-light .tierDefault-2qaRkD, .mention-1f5kbO, .numberBadge-2s8kKX.base-PmTxvP, .botTagRegular-2HEhHi, .lookFilled-1Gx00P.colorGrey-2DXtkV:hover, .selectorButtonSelected-336oUc, .theme-dark .selectorButton-wjWyGe:not(.selectorButtonSelected-336oUc):hover, .liveIcon-21HTUv.live-vBWnV6.liveLarge-3zs2Zq.textBadge-1iylP6.base-PmTxvP, .lookFilled-1Gx00P.colorBrand-3pXr91, .topSectionPlaying-1J5E4n, .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after, .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover, .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day:hover, .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z, .theme-dark .searchAnswer-3Dz2-q, .theme-dark .searchFilter-2ESiM3, .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .centerButton-3CaNcJ.active-1QRrIS, .centerButton-3CaNcJ:hover, .controlButton-2MhVEL.leaveButton-2YnTyt, .winButtonClose-1HsbF-:hover, .noticeDefault-362Ko2, .numberBadge-2s8kKX.base-PmTxvP, .localBot-GrCgVt:before, .status-1WEaea, .controlButton-2MhVEL.joinButton-1-UsTC, .badge-2qGa_k:after, .wrapper-232cHJ, .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp, .button-1YfofB.buttonColor-7qQbGO.buttonActive-3FrkXp:hover, .selectorButtonSelected-t5V9On, .selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover, .colorable-1bkp8v.white-3GPOIp, .colorable-1bkp8v.primary-3NQg8g.active-1QRrIS, .colorable-1bkp8v.primary-3NQg8g:hover, .appMount-3lHmkl, body, .newMessagesBar-265mhP, .auto-Ge5KZx::-webkit-scrollbar-thumb, .mediaBarInteraction-37i2O4:hover .mediaBarGrabber-1FqnbN, .container-3auIfb.da-container, .colorable-1bkp8v.red-33-Lnk, .lookFilled-1Gx00P.colorRed-1TFJan:active, .highlight, .colorDefault-22HBa0, .replying-1x3H0T:before
  {
    background: var(--acnr);
    animation: bcgrgb /*[[rgl]]*/ infinite;
  }
/*acnbcgimp*/
  .numberBadge-2s8kKX.base-PmTxvP, .live-vBWnV6.liveSmall-1dy2uA.textBadge-1iylP6.base-PmTxvP, .numberBadge-2s8kKX.base-PmTxvP, .iconBadge-qZ4Ksk, .container-3auIfb.da-container
  {
    background: var(--acnr)!important;
  }
/*acnbcghov*/
  .lookFilled-1Gx00P.colorBrand-3pXr91:hover, .lookFilled-1Gx00P.colorGreen-29iAKY:hover
  {
    background: var(--acnr);
    filter: brightness(0.87);
    animation: bcgrgb /*[[rgl]]*/ infinite;
  }
/*acntxn*/
  .colorDefault-2K3EoJ .radioSelection-1HmrQS, .colorBrand-ROmMP1, .colorDanger-2qLCe1, .colorDanger-2qLCe1 .checkbox-3s5GYZ, .colorDanger-2qLCe1 .radioSelection-1HmrQS, .modeConnected-2IEL4z .name-3_Dsmg, .modeConnected-2IEL4z:hover .name-3_Dsmg, .modeSelected-1zApJ_ .name-3_Dsmg, .modeSelected-1zApJ_:hover .name-3_Dsmg, .modeUnread-1zpFdA .name-3_Dsmg, .modeUnread-1zpFdA:hover .name-3_Dsmg, .notInteractive-YF5EXq.modeConnected-2IEL4z .name-3_Dsmg, .notInteractive-YF5EXq.modeSelected-1zApJ_ .name-3_Dsmg, .modeSelected-1zApJ_ .icon-1_QxNX, .modeSelected-1zApJ_:hover .icon-1_QxNX, .modeUnread-1zpFdA .icon-1_QxNX, .modeUnread-1zpFdA:hover .icon-1_QxNX, .modeMuted-3osy7j:hover .name-3_Dsmg, .wrapper-1ucjTd:hover .name-3_Dsmg, .clickable-1JJAn8.container-2Pjhx-:active, .selected-aXhQR6.container-2Pjhx-, .unreadPillCapStroke-7rkHbg, .wrapper-2TxpI8, .metadataIcon-2FyCKU, .itemBase-tz5SeC.brand-3igrJY, .itemBase-tz5SeC.brand-3igrJY:hover, .userSettingsSecurity-3IYeMF .isEnabled-24g9qA, .lookOutlined-3sRXeN.colorBrand-3pXr91, .lookOutlined-3sRXeN.colorRed-1TFJan, .gemIndicatorProgressCircle-3wDFa1, .gemWithLabel-2aecE_, .premiumGuildIcon-13KUPa, .isUnread-3Ef-o9 .content-1o0f9g, .flowerStar-1GeTsn, .premiumGuildIcon-BhwtRn, .item-1GzJrl.invite-271nFU, .foreground-2EIns2, .statusGreen-168O6Q, .premiumIcon-1rDbWQ, .theme-dark .selected-P8xTeN, .wrapper-3WhCwL, .operations-36ENbA>a, .cancelButton-3hVEV6, .downloadButton-23tKQp, .reactionMe-wv5HKu .reactionCount-2mvXRV, .reactionMe-wv5HKu:hover .reactionCount-2mvXRV, .lookLink-9FtZy-.colorBrand-3pXr91, .lookOutlined-3sRXeN.colorGreen-29iAKY, .icon-22AiRD, .controlIcon-35oS15, .warningIcon-3rQ5yJ, .colorDefault-2K3EoJ .checkbox-3s5GYZ, .colorDefault-2K3EoJ .radioSelection-1HmrQS, .updateIconForeground-3tnNZn, .iconServer-Lyg2F4, .strikethrough-3q4FHz
  {
    color: var(--acnr);
    fill: var(--acnr);
    animation: txnrgb /*[[rgl]]*/ infinite;
  }
/*acntxnimp*/
  .wrapper-129saQ a:link, .wrapper-129saQ a:visited, h3.pro-1T8RK7.base-1x0h_U.size12-3cLvbJ
  {
    color: var(--acnr)!important;
    animation: txnrgb /*[[rgl]]*/ infinite;
  }
/*acnbrd*/
  .isUnread-3Ef-o9, .cardPrimaryOutline-29Ujqw, .wrapper-3jrx9n, .theme-dark .selected-P8xTeN, .theme-dark .item-3T2z1R, .connectedAccount-36nQx7, .emojiPicker-3m1S-j ....