roundmoledV2.theme.css

/**
* @name RoundmoledV2
* @author theoewzzer (Original Author: Malasangre#4444)
* @description Simple amoled black + rounded corners theme - Updated version
* @source https://github.com/TheoEwzZer/RoundmoledV2
* @updateUrl https://raw.githubusercontent.com/TheoEwzZer/RoundmoledV2/main/roundmoledV2.theme.css
* @authorId 384009727253807105
* @version 1.2
*/

/*  imports */
@import url("https://tiredmala.github.io/animcord/animcordmain.css");
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css");
@import url("https://nyri4.github.io/Discolored/main.css");
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css");

:root {
  --dark-primary: #000000;
  --dark-secondary: #050505;
  --dark-secondary-alt: #080808;
  --dark-bright: #0b0b0b;
  --roundmoled-background: #FFB6C1;
  --popout-activeborders: #1f1f1f;
}

.theme-dark .themed_fc4f04 {
  background-color: var(--dark-primary);
}

.searchBar_f0963d .searchBarComponent_f0963d {
  border-radius: 10px;
}

.container_cbd271 {
  background-color: var(--dark-primary);
}

.container_bf550a,
.sidebarRegionScroller_c25c6d {
  background-color: var(--dark-primary);
}

.itemCard_f02fcf {
  background-color: var(--dark-secondary-alt);
}

.wrapper_fea3ef {
  background-color: var(--dark-secondary-alt);
  border-radius: 20px;
}

.theme-dark .themed_e44302,
.container_fd6364,
.member_a31c43,
.member_cbd271,
.members_cbd271 {
  background-color: var(--dark-primary);
}

.sidebar_a4d4d9,
.platform-win .sidebar_a4d4d9,
.layers_a01fb1,
.applicationStore_cecc86 {
  border-radius: 20px;
}

.shop_e77fa3 {
  border-radius: 20px;
  background-color: var(--dark-primary);
}

.shopScroll_e77fa3 {
  border-radius: 20px;
  background-color: var(--dark-primary);
}

.container_a4d4d9 {
  background-color: var(--roundmoled-background);
}

.appMount_ea7e65,
.bg_d4b6c5 {
  background-color: var(--roundmoled-background);
}

.content_a4d4d9 > *:not([hidden]) {
  margin-left: 15px;
  gap: 0px;
}

.container_c2739c {
  border-radius: 20px;
}

.chat_a7d72e {
  border-radius: 20px;
}

.appAsidePanelWrapper_bd26cc {
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
}

.searchBar_f0963d {
  background-color: var(--dark-primary);
}

.theme-dark .scroller_c47fa9 {
  background-color: var(--dark-secondary-alt);
}

.themedBackground_d0696b {
  border-radius: 20px;
  background-color: var(--channeltextarea-background);
  border: solid var(--popout-activeborders);
}

/****************************************************************************************
 ██████╗██╗  ██╗ █████╗ ████████╗
██╔════╝██║  ██║██╔══██╗╚══██╔══╝
██║     ███████║███████║   ██║   
██║     ██╔══██║██╔══██║   ██║   
╚██████╗██║  ██║██║  ██║   ██║   
 ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝   ╚═╝
 chatsp
*****************************************************************************************/
/* Pin message */
.message-G6O-Wv {
  background-color: var(--dark-secondary-alt) !important;
  border-radius: 20px;
  border: solid var(--popout-activeborders);
}

/* thread popout on channel name hover */
.popout-TdhJ6Z {
  background-color: var(--dark-bright);
  border-radius: 12px;
  border: solid var(--popout-activeborders);
}
/* invite to channel */
.lookOutlined-3sRXeN.colorGreen-29iAKY {
  background-color: var(--brand-experiment);
  border-radius: 13px;
  color: rgb(14, 14, 14);
  font-weight: bold;
  border: none;
}

.sidebarRegionScroller-FXiQOh.thin-31rlnD.scrollerBase-_bVAAt.fade-1R6FHN {
  background-color: var(--dark-primary);
}

.theme-dark.container-ZMc96U.themed-Hp1KC_ {
  background-color: var(--dark-primary);
}

.modal-atz_3z {
  width: 140%;
  height: 150%;
}

.inviteRow-3vmB7i:hover {
  border-radius: 20px;

  margin-right: 6px;
  transform: scale(1.03);
  transition: transform 250ms;
}

/* @everyone and @here warning */
.theme-dark .contentWarningPopout-WKdbDG {
  background-color: var(--dark-primary);
  border-radius: 20px;
  border: solid var(--popout-activeborders);
}

/* nsfw chat warning buttons */

.actionRed-gYn8D3 {
  border-radius: 10px;
}

.actionRed-gYn8D3:hover {
  box-shadow: rgba(255, 44, 44, 0.3) 0px 5px 15px;
  transition: 250ms;
}

/* Mentions in chat*/
.wrapper-1ZcZW- {
  border-radius: 25px;
  padding: 0px 5px 0px 5px;
}

/* View code files / chat */
.textContainer-36wgKK,
.footer-GXWBBp,
.modalTextContainer-1FUO2W {
  border-radius: 10px;
  background-color: var(--dark-bright);
}

.footer-GXWBBp {
  margin-top: 5px;
}

/* Bold urls on hover */
.markup-eYLPri a:hover {
  font-weight: bold;
  transition: 250ms;
}

/* Attachments in chat */

.attachment-1PZZB2,
.theme-dark .wrapperAudio-1Bzv_Z {
  border-radius: 20px;
  background-color: var(--dark-bright);
  width: 150%;
}
.attachment-1PZZB2:hover,
.theme-dark .wrapperAudio-1Bzv_Z:hover {
  background-color: var(--dark-secondary);
  transition: 250ms;
}

.audioControls-3fmemK {
  border-radius: 25px;
}

.filenameLinkWrapper-3Rc6sk,
.metadata-1E7Z4i,
.metadataName-1KMZtB {
  font-size: 18px;
  text-align: center;
}

.filenameLinkWrapper-3Rc6sk:hover {
  font-weight: bold;
  transition: font-weight 250ms;
}

/* chat embeds */

.embedFull-1HGV2S {
  background-color: var(--dark-secondary-alt);
  border-left: 4px solid var(--brand-experiment);
}

.embedFooterText-2Mc7H9 {
  font-size: 0.85rem;
  line-height: 1rem;
  font-weight: 500;
}

.embedThumbnail-2nTasl {
  border-radius: 13px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
}

/* Emoji picker big and small */

.contentWrapper-3vHNP2 {
  background-color: var(--dark-secondary);
  border-radius: 20px;
  border: solid var(--popout-activeborders);
}

.unicodeShortcut-3N8oDe,
.wrapper-1NNaWG,
.input-2FSSDe,
.emojiPicker-6YCk8a {
  background-color: var(--dark-secondary);
}

.list-obNEuP {
  background-color: var(--dark-secondary);
  border: solid var(--dark-primary);
}

/* Send image modal chat */

.theme-dark .uploadModal-2ie9O_,
.theme-dark .footer-VCsJQY {
  background-color: var(--dark-primary);
}

.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k {
  width: 40% !important;
  height: 40% !important;
  margin-left: 150px !important;
  border: solid var(--popout-activeborders);
}

/* more upload modal things */
.uploadModal-2ie9O_,
.uploadModal-2ie9O_ .footer-VCsJQY {
  border-radius: 20px;
}

.theme-dark .footer-VCsJQY {
  box-shadow: none;
}
.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR.expandable-2-lrzP .description-2AJi-V {
  position: relative;
  margin-left: 50%;
  transform: translate(-50%);
}

.theme-dark .checkbox-f1HnKB {
  background-color: #1a1a1a;
  border-radius: 25px;
}

.uploadModal-2ie9O_ .footer-VCsJQY.hasSpoilers-33hwf_ .checkboxWrapper-2fDzaA {
  background-color: var(--dark-bright);
  margin-right: 140px;
  padding: 7px;
  border-radius: 25px;
}

.uploadModal-2ie9O_ .footer-VCsJQY.hasSpoilers-33hwf_ .checkboxWrapper-2fDzaA:hover {
  background-color: var(--dark-secondary);
  transition: 250ms ease-in-out;
}

.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 {
  background-color: #af2626;
  margin-right: 10px;
  border-radius: 20px;
}
.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6:hover {
  box-shadow: rgba(255, 44, 44, 0.3) 0px 5px 15px;
  transition: box-shadow 250ms;
}

/* Code blocks in chat */
.markup-eYLPri code {
  border-radius: 10px;
  background-color: var(--dark-secondary-alt);
}

/* You're viewing older messages */
.jumpToPresentBar-1cEnH0 {
  background-color: var(--brand-experiment);
  border-radius: 25px;
  margin-bottom: 10px;
}

/* Inbox */

.container-2ebMPP,
.channelHeader-DFRX8q {
  border-radius: 20px;
  background-color: var(--dark-secondary);
}

.container-2ebMPP,
.tutorial-Nb3Zz5 {
  border: solid var(--popout-activeborders);
}

.tutorial-Nb3Zz5,
.header-1w9Q93 {
  background-color: var(--dark-primary);
}

.messageContainer-3VTXBC {
  margin-top: 5px;
}

/* Pins */

.messagesPopoutWrap-3zryHW {
  background-color: var(--dark-secondary-alt);
  border-radius: 20px;
  border: solid var(--popout-activeborders);
}

/* invites in chat */
.wrapper-1HIH0j {
  background-color: var(--dark-secondary-alt);
  border: solid var(--popout-activeborders);
  border-radius: 20px;
}

/* amoledify message search popout */
.theme-dark .container-2McqkF {
  border-radius: 20px;
  background-color: var(--dark-primary);
  border: solid var(--popout-activeborders);
}

.searchHeader-1r_ZSh {
  background-color: var(--dark-secondary-alt);
}

.theme-dark .option-2KkUJO:after {
  background: linear-gradient(90deg, rgba(21, 21, 21, 0), #000 80%);
}

.searchResultsWrap-5RVOkx {
  border-radius: 20px;
  background-color: var(--dark-primary);
  margin-right: 10px;
  margin-left: 10px;
}

.channelName-3w2Y3c {
  background: var(--dark-secondary);
  border-radius: 7px;
}

/* Chat @ and emoji autocomplete */
.theme-dark .autocomplete-3NRXG8 {
  background-color: var(--dark-secondary);
  border-radius: 20px;
  border: solid var(--popout-activeborders);
}

.theme-dark .selected-3H3-RC {
  background-color: var(--background-secondary-alt);
  transform: scale(1.015);
  transition: 250ms ease-in-out;
}

/*  follow this channel modal */
.wrapper-2SplAX {
  background-color: var(--dark-secondary-alt);
  border: solid var(--popout-activeborders);
}

.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover {
  background-color: var(--brand-experiment);
  box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;
  transition: 250ms;
}

.clickable-vvKY2q .header-3OsQeK:hover,
.selecetd-1GtAC5 .header-3OsQeK {
  background-color: #0f10106b;
}

/****************************************************************************************
██╗  ██╗ ██████╗ ███╗   ███╗███████╗
██║  ██║██╔═══██╗████╗ ████║██╔════╝
███████║██║   ██║██╔████╔██║█████╗  
██╔══██║██║   ██║██║╚██╔╝██║██╔══╝  
██║  ██║╚██████╔╝██║ ╚═╝ ██║███████╗
homesp
****************************************************************************************/
/* home page and DMs stuff */

.theme-dark .container-2cd8Mz {
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

/* Home colors */
.topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG,
.topPill-3DJJNV .themed-2-lozF.selected-g-kMVV.item-3XjbnG:hover {
  background-color: var(--brand-experiment);
}

:root .peopleColumn-1wMU14,
.privateChannels-oVe7HL,
.scroller-1JbKMe,
.scroller-WSmht3 {
  background-color: var(--dark-primary);
}

:root .searchBar-3TnChZ .searchBarComponent-3N7dCG {
  margin-top: 5px;
  border-radius: 25px;
  background-color: var(--dark-secondary-alt);
}

:root .theme-dark .container-2cd8Mz,
.container-1a3EgQ,
.applicationStore-1pNvnv {
  border-radius: 20px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* friends now playing home */

.wrapper-2RrXDg,
.theme-dark .separator-XqIyoz,
.theme-dark .inset-3sAvek {
  background-color: var(--dark-secondary-alt);
}

.section-2gLsgF {
  border-radius: 13px;
}

.wrapper-2RrXDg:hover,
.peopleListItem-u6dGxF:hover {
  transform: scale(1.025);
  transition: 250ms ease-in-out;
}

/****************************************************************************************
███████╗███████╗████████╗████████╗██╗███╗   ██╗ ██████╗ ███████╗
██╔════╝██╔════╝╚══██╔══╝╚══██╔══╝██║████╗  ██║██╔════╝ ██╔════╝
███████╗█████╗     ██║      ██║   ██║██╔██╗ ██║██║  ███╗███████╗
╚════██║██╔══╝     ██║      ██║   ██║██║╚██╗██║██║   ██║╚════██║
███████║███████╗   ██║      ██║   ██║██║ ╚████║╚██████╔╝███████║
╚══════╝╚══════╝   ╚═╝      ╚═╝   ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝
settingsp
****************************************************************************************/
/* Server template */
.descriptionBox-1EKQKL {
  background-color: var(--dark-secondary-alt);
}

.descriptionBox-1EKQKL:hover {
  background-color: var(--dark-bright);
  transition: 250ms;
}

.inputMaxLength-3n06SD .inputDefault-3FGxgL,
.inputWrapper-1YNMmM .inputDefault-3FGxgL {
  background-color: var(--dark-bright);
  border-radius: 10px;
}

/* Connections */
.connectionOptionsWrapper-1ipqUo {
  background-color: var(--dark-bright);
  border-radius: 10px;
  margin-top: 10px;
}
.connection-107AGH {
  background: transparent;
}
.connectionHeader-2rV1ze {
  background: var(--dark-secondary);
  border-radius: 10px;
}

.connectionHeader-2rV1ze:hover {
  background: var(--dark-bright);
  transition: background 0.25s;
}

/* Server boost modal */

.ctaBar-2UsjF2 {
  background-color: var(--dark-secondary-alt);
  border-radius: 20px;
}

/* nitro boost modal */
.tierHeader---JJFb {
  border-radius: 10px;
}

.theme-dark .perk-2WeBWW {
  border-radius: 20px;
  background: var(--dark-bright);
}

.theme-dark .tierBody-16Chc9 {
  border-radius: 20px;
  margin-top: 10px;
  background: var(--dark-bright);
}

.theme-dark .tierBody-16Chc9:hover {
  transform: scale(1.05);
  margin-top: 15px;
  transition: 250ms;
}

.theme-dark .tierHeaderLocked-1s2JJz {
  border-radius: 20px;
  background-color: var(--dark-primary);
  box-shadow: rgb(101, 102, 103) 0px 0px 2px;
}

.theme-dark .tierHeaderLocked-1s2JJz:hover {
  background-color: #ff73fa;
  color: #151414;
  font-weight: bold;
  transform: scale(1.02);
  box-shadow: #ff73fa7a 0px 5px 15px;
  transition: 250ms;
}

.theme-dark .tierLock-3CSxSX {
  color: var(--roundmoled-background);
}

.theme-dark .perk-2WeBWW:hover {
  background: var(--dark-primary);
  border: solid var(--brand-experiment);
  transition: background, border 250ms;
}

/* Nitro */
.detailsBlock-FoDTGA {
  background-color: var(--dark-bright);
  border-radius: 20px;
}
.banner-3Kac2g {
  border-radius: 20px;
}

.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
  background-color: var(--brand-experiment);
  border-radius: 12px;
}

.detailsBlock-FoDTGA:hover {
  background-color: var(--dark-primary);
  border: solid var(--brand-experiment);
  transition: all 250ms;
}

/* Voice & video */
.lookOutlined-3sRXeN.colorRed-1TFJan {
  background-color: #9f1c1c;
  color: white;
}

.lookOutlined-3sRXeN.colorRed-1TFJan:hover {
  box-shadow: rgba(192, 12, 12, 0.3) 0px 5px 15px;
  transition: 250ms;
}

.cardPrimary-3qRT__,
.cardPrimaryEditable-2mz_3i,
.theme-dark .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
  background-color: var(--dark-bright);
  border-radius: 20px;
}

/* red button */
.lookFilled-1Gx00P.colorRed-1TFJan:hover {
  box-shadow: rgba(192, 12, 12, 0.3) 0px 5px 15px;
  transition: 250ms;
}

/* Settings > Appareance preview */
.preview-rua1rr {
  background-color: var(--dark-primary);
}

/* Settings userpopout preview fix */

.profileBannerPreview-3_l0Wd {
  border: solid var(--popout-activeborders);
}

/* Discord's changelog modal */

.theme-dark .root-g14mjS,
.theme-dark .footer-31IekZ {
  background-color: var(--dark-secondary);
  border-radius: max(0px, min(16px, ((100vw - 4px) - 100%) * 9999)) / 16px;
}

/* hypesquad tab settings */
.membershipDialogHeading-2YNliA,
.membershipDialogHouseDescription-2uFjjO,
.membershipDialogHouseName-1yc2Ci,
.membershipDialogSwitchHouses-2bOt9w,
.membershipDialogSwitchHousesAction-O0eVhe:hover {
  filter: invert(100%);
}

/* settings */
:root .ebarRegionScroller-FXiQOh {
  background-color: var(--dark-primary);
}

.accountProfileCard-lbN7n- {
  background-color: var(--dark-secondary);
  border-radius: 20px;
}

.fieldList-in8WkP,
.background-3d_SjE {
  background-color: var(--dark-secondary-alt);
}

.avatar-3mTjvZ {
  border-color: var(--dark-secondary);
  background-color: var(--dark-secondary);
}

.background-3d_SjE {
  border: solid var(--popout-activeborders);
}

.item-2idW98 {
  background-color: var(--dark-secondary);
  border-radius: 10px;
}

.item-2idW98:hover {
  transform: scale(1.015);
  transition: 250ms ease-in-out;
}

.radioIconForeground-2BMavi {
  color: var(--brand-experiment);
}

/* Server boost tab settings */
.guildHeader-3nh5RK,
.guildSubscriptionSlots-JPXXvN,
.cardWrapper-CyvwQv {
  background-color: var(--dark-secondary);
}

.guild-Hq0WWA {
  border-radius: 13px;
}

.card-2gdrYL:hover {
  background-color: var(--dark-secondary-alt);
}

/* Server settings */
/* Overview server settings */

/* needs to be fixed*/
.marginBottom40-fvAlAV {
  border-radius: 13px;
  padding: 15px;
  background-color: var(--dark-secondary);
  margin-bottom: 20px !important;
}

.css-3vaxre-menu {
  border-radius: 12px;
  background-color: var(--dark-secondary);
}

.lighten-1KubYe {
  opacity: 0.7;
}

.css-rzbxvl-option:hover {
  border-radius: 10px;
  background-color: var(--dark-primary);
}

.css-gvi9bl-control,
.css-17e1tep-control {
  background-color: var(--dark-secondary-alt);
  border-radius: 10px;
}
.css-gvi9bl-control:hover {
  border-radius: 10px;
  transform: scale(1.025);
  background-color: var(--background-tertiary);
  transition: 0.25s ease;
}

.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
  background-color: var(--brand-experiment);
  border: none;
  border-radius: 12px;
}
.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover {
  box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;
  transition: 0.3s;
}

/* Stickers server settings */
.tierHeaderContent-2SPBAA,
.theme-dark .tierHeaderUnlocked-1OpOLf,
.theme-dark .tierHeaderLocked-30MLlO,
.wrapper-24fR1R {
  border-radius: 20px;
  background-color: var(--dark-secondary);
}

.wrapper-24fR1R:hover {
  border: solid var(--brand-experiment);
  transition: 250ms ease-in-out;
}

.lookFilled-1Gx00P.colorBrand-3pXr91 {
  border-radius: 12px;
}
.lookFilled-1Gx00P.colorBrand-3pXr91:hover {
  box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;
}

.theme-dark .tierBody-1d3UiS {
  border-radius: 20px;
  margin-top: 10px;
  background-color: var(--dark-bright);
}

/* Integrations server settings */
.theme-dark .card-o7rAq- {
  border-radius: 20px;
}
.theme-dark .card-o7rAq-:hover {
  background-color: var(--dark-secondary);
}

/* Roles server settings */

.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) {
  border-radius: 12px;
}

.theme-dark .colorPickerCustom-1swUKF {
  background-color: var(--dark-primary);
  width: 100%;
}

.previewContainer-1xQAsw {
  border-radius: 12px;
}

.container-3EtAkD {
  border-radius: 20px;
  background-color: var(--dark-secondary-alt);
  border: solid var(--popout-activeborders);
}

.container-3EtAkD:hover {
  background-color: var(--brand-experiment) !important;
  transition: 0.25s ease;
}

/****************************************************************************************
██████╗  █████╗ ███████╗███████╗
██╔══██╗██╔══██╗██╔════╝██╔════╝
██████╔╝███████║███████╗█████╗  
██╔══██╗██╔══██║╚════██║██╔══╝  
██████╔╝██║  ██║███████║███████╗
╚═════╝ ╚═╝  ╚═╝╚══════╝╚══════╝
basesp
****************************************************************************************/
/* Status picker (updated 07/11/21)*/

.layer-2aCOJ3 {
  border-radius: 20px;
  margin-bottom: 5px;
}

.status-3TYC5W {
  text-align: center;
  font-size: 15px;
}

.mask-2Me5HY {
  transform: scale(1.8) !important;
}

#status-picker .description-3Cwkxk {
  display: none;
}

#status-picker-online:hover,
#status-picker-online.focused-3qFvc8 {
  background-color: #1f95ca;
  border-radius: 10px;
  transition: 250ms;
  box-shadow: rgba(44, 164, 255, 0.17) 0px 5px 15px;
}

#status-picker-dnd:hover,
#status-picker-dnd.focused-3qFvc8 {
  background-color: #ca1f27;
  border-radius: 10px;
  transition: 250ms;
  box-shadow: rgba(255, 44, 44, 0.17) 0px 5px 15px;
}

#status-picker-idle:hover,
#status-picker-idle.focused-3qFvc8 {
  background-color: #c1c12e;
  border-radius: 10px;
  transition: 250ms;
  box-shadow: rgba(227, 255, 44, 0.17) 0px 5px 15px;
}

#status-picker-invisible:hover,
#status-picker-invisible.focused-3qFvc8 {
  background-color: #161616;
  border-radius: 10px;
  transition: 250ms;
  box-shadow: rgba(91, 91, 91, 0.17) 0px 5px 15px;
}

#status-picker-custom-status:hover,
#status-picker-custom-status.focused-3qFvc8 {
  background-color: #FFB6C1;
  border-radius: 10px;
  transition: 250ms;
  box-shadow: rgba(44, 79, 255, 0.17) 0px 5px 15px;
}

/* Set custom status modal */
.lookFilled-1GseHa.select-1Ia3hD,
.popout-1KHNAq {
  background-color: var(--dark-primary);
  border-radius: 20px;
}

.popout-1KHNAq {
  border-color: transparent;
}

.option-2eIyOn[aria-selected="true"] {
  background-color: var(--dark-secondary-alt);
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 13px;
}

.button-1zW0-r {
  background-color: var(--dark-secondary-alt);
  border-radius: 17px;
}

.barButtonBase-Sk2mdB {
  margin-top: 3px;
}

/* Channel background change */
.modeSelected-3DmyhH .content-1gYQeQ,
.modeSelected-3DmyhH:hover .content-1gYQeQ {
  background: linear-gradient(
    90deg,
    rgb(156, 53, 112) 0%,
    rgba(138, 47, 100, 0.753) 54%,
    rgba(122, 22, 87, 0.212) 100%
  );
  transform: scale(1.02);
  border-radius: 8px;
  margin-left: 4px;
  margin-right: 3px;
}

.modeSelected-3DmyhH
  [d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z"],
.modeSelected-3DmyhH
  [d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"] {
  fill: rgb(255, 255, 255) !important;
}

/* Channel list and server banner */
.bannerImage-ubW8K,
.animatedContainer-2laTjx {
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0);
}

/* Unread pill */
.unread-36eUEm {
  background-color: var(--brand-experiment);
  box-shadow: rgb(44, 139, 255) 0px 5px 15px;
  height: 10px;
  width: 6px;
}

/* Context menu */
.menu-1QACrS {
  border-radius: 13px;
  background-color: var(--dark-bright);
}

/* context menu */
#message-actions-edit:hover,
#message-actions-edit.focused-3qFvc8,
#message-edit:hover,
#message-edit.focused-3qFvc8,
#message-actions-pin:hover,
#message-actions-pin.focused-3qFvc8,
#message-pin:hover,
#message-pin.focused-3qFvc8,
#message-add-reaction:hover,
#message-add-reaction.focused-3qFvc8,
#user-context-user-profile:hover,
#user-context-user-profile.focused-3qFvc8,
#user-context-mention:hover,
#user-context-mention.focused-3qFvc8,
#user-context-message-user:hover,
#user-context-message-user.focused-3qFvc8,
#user-context-add-friend:hover,
#user-context-add-friend.focused-3qFvc8,
#channel-context-hide-voice-names:hover,
#channel-context-hide-voice-names.focused-3qFvc8,
#channel-context-mute-channel:hover,
#channel-context-mute-channel.focused-3qFvc8,
#message-copy-image:hover,
#message-copy-image.focused-3qFvc8,
#message-save-image:hover,
#message-save-image.focused-3qFvc8 {
  background: #5a79df;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#message-actions-reply:hover,
#message-actions-reply.focused-3qFvc8,
#message-reply:hover,
#message-reply.focused-3qFvc8,
#message-actions-mark-unread:hover,
#message-actions-mark-unread.focused-3qFvc8,
#message-mark-unread:hover,
#message-mark-unread.focused-3qFvc8,
#user-context-call:hover,
#user-context-call.focused-3qFvc8,
#user-context-disable-video:hover,
#user-context-disable-video.focused-3qFvc8,
#channel-context-edit-channel:hover,
#channel-context-edit-channel.focused-3qFvc8,
#channel-context-clone-channel:hover,
#channel-context-clone-channel.focused-3qFvc8,
#channel-context-create-voice-channel:hover,
#channel-context-create-voice-channel.focused-3qFvc8,
#channel-context-create-text-channel:hover,
#channel-context-create-text-channel.focused-3qFvc8,
#user-context-close-dm:hover,
#user-context-close-dm.focused-3qFvc8 {
  background: #77ce45;
  color: black;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#message-actions-copy-link:hover,
#message-actions-copy-link.focused-3qFvc8,
#message-copy-link:hover,
#message-copy-link.focused-3qFvc8,
#message-actions-tts:hover,
#message-actions-tts.focused-3qFvc8,
#message-tts:hover,
#message-tts.focused-3qFvc8,
#user-context-change-nickname:hover,
#user-context-change-nickname.focused-3qFvc8 {
  background: #27436d;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#message-actions-copy-id:hover,
#message-actions-copy-id.focused-3qFvc8,
#message-copy-id:hover,
#message-copy-id.focused-3qFvc8,
#message-actions-delete:hover,
#message-actions-delete.focused-3qFvc8,
#message-delete:hover,
#message-delete.focused-3qFvc8,
#user-context-voice-mute:hover,
#user-context-voice-mute.focused-3qFvc8,
#user-context-voice-deafen:hover,
#user-context-voice-deafen.focused-3qFvc8,
#user-context-voice-disconnect:hover,
#user-context-voice-disconnect.focused-3qFvc8,
#user-context-kick:hover,
#user-context-kick.focused-3qFvc8,
#user-context-ban:hover,
#user-context-ban.focused-3qFvc8,
#user-context-block:hover,
#user-context-block.focused-3qFvc8,
#user-context-remove-friend:hover,
#user-context-remove-friend.focused-3qFvc8,
#channel-context-delete-channel:hover,
#channel-context-delete-channel.focused-3qFvc8,
#user-context-mute-channel:hover,
#user-context-mute-channel.focused-3qFvc8 {
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  background: #c71a1c;
  transition: 150ms;
}

#user-context-invite-to-server:hover,
#user-context-invite-to-server.focused-3qFvc8,
#channel-context-invite-people:hover,
#channel-context-invite-people.focused-3qFvc8 {
  background: #5a8fdf;
  border-radius: 7px;
  color: rgb(19, 19, 19);
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#user-context-invite-to-listen:hover,
#user-context-invite-to-listen.focused-3qFvc8,
#channel-context-invite-to-listen:hover,
#channel-context-invite-to-listen.focused-3qFvc8 {
  background: #1db954;
  border-radius: 7px;
  color: rgb(19, 19, 19);
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#user-context-roles:hover,
#user-context-roles.focused-3qFvc8,
#user-context-voice-move:hover,
#user-context-voice-move.focused-3qFvc8,
#user-context-devmode-copy-id:hover,
#user-context-devmode-copy-id.focused-3qFvc8,
#channel-context-devmode-copy-id:hover,
#channel-context-devmode-copy-id.focused-3qFvc8,
#channel-context-channel-notifications:hover,
#channel-context-channel-notifications.focused-3qFvc8,
#message-devmode-copy-id:hover,
#message-devmode-copy-id.focused-3qFvc8,
#message-copy-native-link:hover,
#message-copy-native-link.focused-3qFvc8,
#message-open-native-link:hover,
#message-open-native-link.focused-3qFvc8,
#user-context-mute:hover,
#user-context-mute.focused-3qFvc8,
#user-context-deafen:hover,
#user-context-deafen.focused-3qFvc8 {
  background: #27436d;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#user-context-note {
  display: none;
}

/* Context menu colored buttons (guild) on hover */
#guild-header-popout-invite-people:hover,
#guild-header-popout-invite-people.focused-3qFvc8,
#guild-context-invite-people:hover,
#guild-context-invite-people.focused-3qFvc8 {
  background: #b75adf;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-insights:hover,
#guild-header-popout-insights.focused-3qFvc8,
#guild-header-popout-settings:hover,
#guild-header-popout-settings.focused-3qFvc8,
#guild-context-guild-settings:hover,
#guild-context-guild-settings.focused-3qFvc8 {
  background: #42c6ba;
  color: black;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-create-channel:hover,
#guild-header-popout-create-channel.focused-3qFvc8,
#guild-context-create-channel:hover,
#guild-context-create-channel.focused-3qFvc8,
#guild-header-popout-create-category:hover,
#guild-header-popout-create-category.focused-3qFvc8,
#guild-context-create-category:hover,
#guild-context-create-category.focused-3qFvc8 {
  background: #ffe455;
  color: black;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-notifications:hover,
#guild-header-popout-notifications.focused-3qFvc8,
#guild-context-notifications:hover,
#guild-context-notifications.focused-3qFvc8,
#guild-context-privacy:hover,
#guild-context-privacy.focused-3qFvc8,
#guild-header-popout-privacy:hover,
#guild-header-popout-privacy.focused-3qFvc8,
#guild-context-mark-guild-read:hover,
#guild-context-mark-guild-read.focused-3qFvc8 {
  background: #5a79df;
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-hide-muted-channels:hover,
#guild-header-popout-hide-muted-channels.focused-3qFvc8,
#guild-context-change-nickname:hover,
#guild-context-change-nickname.focused-3qFvc8,
#guild-header-popout-change-nickname:hover,
#guild-header-popout-change-nickname.focused-3qFvc8,
#guild-context-hide-muted-channels:hover,
#guild-context-hide-muted-channels.focused-3qFvc8,
#guild-context-mute-guild:hover,
#guild-context-mute-guild.focused-3qFvc8,
#guild-context-unmute-guild:hover,
#guild-context-unmute-guild.focused-3qFvc8 {
  background: var(--roundmoled-background);
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-premium-subscribe:hover,
#guild-header-popout-premium-subscribe.focused-3qFvc8 {
  background-image: linear-gradient(90deg, #f25a5d, #f14e76 77%, #f04a7f);
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  transition: 150ms;
}

#guild-header-popout-leave:hover,
#guild-header-popout-leave.focused-3qFvc8,
#guild-context-leave-guild:hover,
#guild-context-leave-guild.focused-3qFvc8,
#guild-context-devmode-copy-id:hover,
#guild-context-devmode-copy-id.focused-3qFvc8 {
  border-radius: 7px;
  transform: scale(1.02);
  margin-right: 2px;
  font-size: 15px;
  background: #c71a1c;
  transition: 150ms;
}

/* Quickswitcher */

.quickswitcher-pKcM9U,
.scroller-2qwVWY {
  background-color: var(--dark-primary);
  border-radius: 20px;
}

.input-3r5zZY {
  background-color: var(--dark-secondary);
  border-radius: 20px;
  bottom: 40px;
  box-shadow: rgba(44, 139, 255, 0.21) 0px 5px 15px;
  border: solid var(--brand-experiment);
}

.scroller-2qwVWY {
  bottom: 20px;
}

.resultFocused-3aIoYe {
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 12px;
  transform: scale(1.01);
  transition: 250ms ease-in-out;
}

/* make some stuff rounded (chat related)) */
.grid-1aWVsE,
.embed-hKpSrO,
.embedImage-2Ynqkh,
.imageWrapper-oMkQl4,
.theme-dark .invite-3uuHYQ {
  border-radius: 10px;
}

/* background color*/
:root .bg-1QIAus,
.base-2jDfDU,
.container-1NXEtd {
  background-color: var(--roundmoled-background);
}

/* Userpopout spotify button*/

.theme-dark
  .button-TGAkj4.button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo.buttonSize-dIiz43.fullWidth-fJIsjq.grow-2sR_-F {
  background-color: #1db954;
  border-radius: 10px;
  box-shadow: rgba(68, 255, 44, 0.17) 0px 5px 15px;
}

.theme-dark
  .button-TGAkj4.iconButton-1li_a3.button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo.buttonSize-dIiz43.iconButtonSize-1-pz2t.grow-2sR_-F {
  background-color: #1db954;
  border-radius: 10px;
  box-shadow: rgba(68, 255, 44, 0.17) 0px 5px 15px;
}

.theme-dark
  .button-TGAkj4.button-f2h6uQ.lookFilled-yCfaCM.colorPrimary-2AuQVo.buttonSize-dIiz43.fullWidth-fJIsjq.grow-2sR_-F:disabled {
  background-color: rgb(36, 124, 6);
}

/* Userpopout notes */

.textarea-_59yqs:focus {
  background-color: var(--dark-secondary);
  border: solid var(--brand-experiment);
}

/* Big userpopout update*/
.connectedAccount-1xKpli {
  background-color: var(--dark-bright);
  border-radius: 20px;
}

.connectedAccount-1xKpli:hover {
  background-color: var(--dark-primary);
  transition: 250ms;
}

.connectedAccountName-j0meX4:hover {
  font-weight: bold;
  font-size: 110%;
  transition: 0.2s ease;
}

[d="m16 7.6c0 .79-1.28 1.38-1.52 2.09s.44 2 0 2.59-1.84.35-2.46.8-.79 1.84-1.54 2.09-1.67-.8-2.47-.8-1.75 1-2.47.8-.92-1.64-1.54-2.09-2-.18-2.46-.8.23-1.84 0-2.59-1.54-1.3-1.54-2.09 1.28-1.38 1.52-2.09-.44-2 0-2.59 1.85-.35 2.48-.8.78-1.84 1.53-2.12 1.67.83 2.47.83 1.75-1 2.47-.8.91 1.64 1.53 2.09 2 .18 2.46.8-.23 1.84 0 2.59 1.54 1.3 1.54 2.09z"] {
  fill: var(--brand-experiment) !important;
}

.connectedAccountOpenIcon-1yfBsb {
  opacity: 0;
  background-color: var(--dark-primary);
  border: solid var(--popout-activeborders);
  border-radius: 20px;
  padding: 5px;
  color: #000;
}
.connectedAccount-1xKpli:hover .connectedAccountOpenIcon-1yfBsb {
  opacity: 1;
  background-color: var(--brand-experiment);
  transition: 250ms;
}

.lookFilled-1Gx00P.colorGreen-29iAKY {
  border-radius: 13px;
  background-color: var(--brand-experiment);
  box-shadow: rgba(44, 139, 255, 0.23) 0px 5px 15px;
}

.lookFilled-1Gx00P.colorGreen-29iAKY:hover {
  background-color: var(--brand-experiment);
  box-shadow: rgba(44, 139, 255, 0.47) 0px 5px 15px;
  filter: brightness(80%);
  transform: scale(1.035);
  transition: 250ms ease-in-out;
}

.note-Go5ZP2 textarea {
  background: var(--dark-secondary);
  border-radius: 7px;
}

.labelContainer-2vJzYL {
  border-radius: 10px;
}

.tabBarItem-30Te4- {
  background-color: var(--dark-bright);
  border-radius: 20px;
  padding: 2.5%;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px !important;
}

.top-K_jibn .selected-g-kMVV.themed-2-lozF.item-3XjbnG,
.top-K_jibn .themed-2-lozF.item-3XjbnG:active {
  border: solid var(--popout-activeborders);
  border-bottom-color: var(--popout-activeborders);
  font-size: 110%;
  transition: 0.2s;
}

.top-K_jibn .themed-2-lozF.item-3XjbnG:hover {
  border: solid var(--popout-activeborders);
  border-bottom-color: var(--popout-activeborders);
  background: var(--dark-secondary);
  transition: background 250ms;
}

.customStatusText-_4TbWr {
  text-align: center;
  background-color: var(--dark-secondary);
  margin-right: 20px;
  margin-left: 10px;
  border-radius: 10px;
  padding: 10px;
  font-size: 105%;
}

/* MUTUAL SERVERS & friends */
.listScroller-entkMk {
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
  display: flex;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background-color: var(--dark-primary);
  padding-bottom: 15px;
}

.listRow-2nO1T6 {
  flex-shrink: 1 !important;
  flex-grow: 1 !important;
  align-items: center !important;
  border-radius: 15px !important;
  margin-left: 20px !important;
  margin-top: 20px !important;
  margin-bottom: 5px !important;
  margin-right: 5px;
  padding: 10px 20px 10px 10px !important;
  width: 240px !important;
  background-color: var(--dark-secondary-alt);
  transition: background-color 250ms ease-in-out !important;
}

.listAvatar-2bU5Uh,
.listRowContent-PEmSWj {
  margin-left: 15%;
}

.listAvatar-2bU5Uh {
  transform: scale(1.12);
  box-shadow: rgba(0, 0, 0, 0.21) 0px 7px 29px 0px;
}

.listRow-2nO1T6:hover {
  background-color: var(--dark-primary);
  box-shadow: rgb(21, 21, 21) 0px 0px 0px 2px;
}

/* Activity centered fix for biguserpopout*/

.body-1Ukv50 .activityProfile-1712BN.userProfileActivity-sal5no.newProfileActivityStyles {
  left: 50%;
  top: 10%;
  width: 100%;
  transform: translate(-50%, -10%);
}

.body-1Ukv50
  .button-TGAkj4.button-f2h6uQ.lookFilled-1Gx00P.colorGrey-2DXtkV.buttonSize-dIiz43.fullWidth-1orjjo.grow-q77ONN,
.body-1Ukv50 .disabledButtonWrapper-3wH6-b.buttonSize-AQY2mE.grow-q77ONN.fullWidth-1orjjo,
.body-1Ukv50 .disabledButtonOverlay-2DA5FI,
.body-1Ukv50
  .button-TGAkj4.button-f2h6uQ.lookFilled-1Gx00P.colorGrey-2DXtkV.buttonSize-AQY2mE.fullWidth-1orjjo.grow-q77ONN {
  left: 0%;
  top: 65%;
  transform: scale(0.915);
}

/* guild scroller stuff */
:root .guilds-2JjMmN {
  margin-right: 10px;
  margin-left: 7px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 18px;
}

/* Small userpopout change */
.headerTop-3GPUSF {
  padding-bottom: 10px !important;
  padding-top: 55px !important;
}

.headerTopWithCustomStatus-1aNSNd {
  padding-bottom: 12px !important;
}

.setIdentityLink-hOFsMl {
  display: none;
}

/* Active chat from DMS/Member list border on hover or active */

.selected-1-Z6gm .layout-1qmrhw,
.clickable-28SzVr:hover .layout-1qmrhw {
  border-radius: 12px;
}

:root .scroller-3X7KbA {
  background-color: var(--dark-secondary-alt);
}

/* chat margins so they don't touch eachother*/
:root .chat-2ZfjoI,
.sidebar-1tnWFu {
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* AMOLED-ify join/create server modal */

.theme-light .root-g14mjS {
  border-radius: 25px;
  background-color: var(--dark-primary);
  overflow: hidden;
}
.base-21yXnu {
  color: #fff;
}
.container-x8Y1ix {
  background-color: #18191d;
}

.container-x8Y1ix:hover {
  transform: scale(1.025);
  border: solid var(--brand-experiment);
  transition: 250ms ease-in-out;
}

.input-2g-os5 {
  color: #dcddde;
}

.content-2hZxGK .input-2g-os5,
.input-m1-Y7Q {
  border-radius: 7px;
  background-color: var(--roundmoled-background);
}

.colorHeaderSecondary-g5teka,
.colorStandard-21JIj7,
.lookBlank-3eh9lL {
  color: #b9bbbe;
}

.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV {
  background-color: var(--brand-experiment);
  border-radius: 7px;
}

.theme-light .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
  transform: scale(1.025);
  transition: 250ms ease-in-out;
}

.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6 {
  width: 20%;
  color: #fff;
}

.theme-light .footer-31IekZ {
  background-color: var(--dark-secondary);
  box-shadow: none !important;
}

.sampleLink-5BWNy9 {
  color: #e0dede;
  font-size: 16px;
}

.header-1c1AhF,
.header-1zd7se {
  width: 90%;
  height: 5%;
  overflow: auto scroll;
}

.header-1c1AhF::-webkit-scrollbar,
.header-1zd7se::-webkit-scrollbar {
  display: none;
}

/* AMOLED-ify download app modal */
.mobileContainer-1x7CLQ,
.desktopContainer-spQem0 {
  background-color: var(--dark-secondary);
  border: solid var(--popout-activeborders);
}

/* AMOLED-ify discover section */
.theme-dark .pageWrapper-2PwDoS {
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  background-color: var(--dark-primary);
}

/* member list background color*/
:root .members-3WRCEx,
.members-3WRCEx > div {
  background-color: var(--dark-primary);
}

/* server channel list */
:root .container-1NXEtd,
.sidebar-1tnWFu {
  background-color: var(--dark-secondary);
  border-radius: 10px;
}

.scroller-1ox3I2 {
  border-radius: 10px;
}

/* rounded corners in channel list and chat-member list */
:root .sidebar-1tnWFu.hasNotice-1s68so,
.platform-win .sidebar-1tnWFu.hasNotice-1s68so,
.chat-2ZfjoI,
.platform-win .sidebar-1tnWFu,
.sidebar-1tnWFu {
  border-radius: 25px;
}

/* Voice chat fullscreen SPECIAL THANKS TO DOGGYBOOTSY FROM POWERCORD DISCORD FOR HELPING ME FIGURE OUT HOW TO CENTER SHIT, THANKS A LOT*/
.tile-2TcwiO {
  border-radius: 20px;
  background-color: var(--dark-primary);
}

.root-u9h3Ui .directionColumn-3pi1nm {
  background-color: var(--dark-secondary);
  border-radius: 20px;
  padding: 20px;
}

.overlay-2RIWoZ .overlayTitle-2efoIF {
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  background-color: var(--dark-bright);
}

.button-3Vyz67 {
  background: var(--brand-experiment);
  border-radius: 20px;
}

.button-3Vyz67:hover {
  background: var(--brand-experiment);
  box-shadow: rgba(44, 139, 255, 0.3) 0px 5px 15px;
}

.background-L8lGH6 {
  background-color: var(--dark-primary) !important;
}

.tile-2TcwiO:hover .background-L8lGH6 {
  background-color: var(--dark-secondary-alt) !important;
  transition: background 250ms;
}

.avatarWrapper-24Rbpj {
  position: relative;
  overflow: hidden;
  border-radius: 255px;
  border: none;
}

.border-2BJQjd.speaking-3RWJBr::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: transparent;
  border: solid var(--brand-experiment);
  box-shadow: rgba(44, 139, 255, 0.6) 0px 5px 15px;
  border-radius: 250px;
}

.tile-2TcwiO:hover .border-2Vy6FN {
  border-radius: 20px;
  border: solid var(--roundmoled-background);
}

.border-2BJQjd.speaking-3RWJBr {
  box-shadow: none;
}

/* member list color fix */
.container-2o3qEW {
  background-color: var(--dark-primary);
}

/****************************************************************************************       
███╗   ███╗██╗███████╗ ██████╗
████╗ ████║██║██╔════╝██╔════╝
██╔████╔██║██║███████╗██║     
██║╚██╔╝██║██║╚════██║██║     
██║ ╚═╝ ██║██║███████║╚██████╗
╚═╝     ╚═╝╚═╝╚══════╝ ╚═════╝
miscsp
****************************************************************************************/
/* Loading glow effect */
.content-3AIQZv {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: none;
  transform: scale(1);
  background: rgba(0, 0, 0, 0.85);
  transition: 250ms;
}
.content-3AIQZv::before {
  content: "";
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15%;
  height: 15%;
  box-shadow: rgba(255, 255, 255, 0.49) 0px 19px 98px,
    rgba(84, 161, 192, 0.2) 0px 15px 62px;
}

/* Stream buttons in channel list*/
.button-1EGGcP.buttonColor-3bP3fX:hover,
.button-1EGGcP .buttonColor-3bP3fX:hover {
  background-color: var(--brand-experiment);
}

/* Goosemod store tweak */
.gm-store-card {
  background-color: var(--dark-bright) !important;
  border-radius: 15px !important;
}

.gm-store-card:hover {
  background-color: var(--dark-primary);
  border: solid var(--brand-experiment);
  transition: all 250ms;
}

.gm-store-card > :nth-child(1) {
  border-radius: 15px 15px 0 0 !important;
}

.container-2oNtJn {
  border-radius: 10px !important;
  background-color: var(--dark-bright) !important;
}

/* goosemod spotify tweak */
.gm-spotify-controls-album-image img {
  transform: scale(0.8);
  border-radius: 25px;
}

button.gm-spotify-controls-button {
  display: none;
}

.gm-spotify-controls-info-box {
  max-width: calc(100% - 4.7em);
}
.gm-spotify-controls-player:hover .gm-spotify-controls-info-box {
  max-width: calc(100% - 7.5em);
  transition: 250ms;
}

.gm-spotify-controls-player:hover button.gm-spotify-controls-button {
  display: inline;
}

.gm-spotify-controls-playback-bar {
  background-image: linear-gradient(rgba(30, 215, 96), rgba(30, 215, 96)),
    linear-gradient(var(--background-primary), var(--background-primary));
}

/* BetterDiscord cards change */

.bd-addon-list .bd-addon-card {
  border-radius: 20px;
  background-color: var(--dark-bright);
}

.bd-addon-list .bd-addon-card:hover {
  background-color: var(--dark-secondary);
  transition: 250ms;
}

.bd-addon-list .bd-addon-header {
  background-color: var(--dark-secondary);
}

.bd-search-wrapper {
  border-radius: 7px;
  background-color: var(--roundmoled-background);
}

.bd-select .bd-select-options {
  border-radius: 12px;
  background-color: var(--dark-bright);
}

/*  Spotify betterdiscord  */

.barText-lmqc5O {
  display: none;
}

.container-6sXIoE:hover .barText-lmqc5O {
  display: flex;
}

/* Avatar zoom on hover  Special thanks to Nao Tomori#1166 from PC discord*/
.avatar-2e8lTP:hover {
  transform: scale(1.6);
  border-radius: 5px !important;
  background-color: var(--roundmoled-background) !important;
  border: solid;
  border-color: var(--roundmoled-background) !important;
  border-width: 0.04cm;
}
.avatar-2e8lTP {
  transition: 250ms;
}
.avatarHintInner-2HUAWj {
  opacity: 0;
}

.avatar-2e8lTP:hover .avatarHint-k7pYop > foreignObject {
  mask: none !important;
}

.avatar-2e8lTP:hover .mask-1FEkla > foreignObject {
  mask: none !important;
  border-radius: 5px;
}

/* Locked channel badge */
[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"] {
  fill: #faa81a;
}

/* Misc loading popout */
.loadingPopout-1feYe_ {
  border-radius: 20px;
  background-color: var(--dark-bright);
}

/* hide role circle unless hover on role */
.roleCircle-1EgnFN {
  width: 0px;
  transition: 0.2s ease;
}

.role-2TIOKu:hover > .roleCircle-1EgnFN {
  width: 12px;
}
/* Better roles by Bowser65#1337*/

.role-2TIOKu {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: none;
  padding: 5px;
  color: #fff;
  font-size: 12.7px;
}

.roleCircle-1EgnFN::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  opacity: 0.38;

  pointer-events: none;
}

.footer-1fjuF6 {
  border-top: none;
}

/* Misc view role as server bar */

.notice-2olXi7 {
  margin-top: 10px;
  margin-right: 10px;
  border-radius: 20px;
}

/* user popout and emoji details on click borders*/
.userPopout-2j1gM4 {
  border: solid var(--popout-activeborders);
  border-radius: 20px;
}

/* Server boost modal */
.theme-dark .perksModal-fSYqOq {
  background-color: var(--dark-primary);
}

.toolbar-3_r2xA a {
  display: none;
}

::selection {
  background-color: rgb(70, 124, 146) !important;
}

.wrapper-2vIMkT {
  background-color: var(--dark-secondary-alt);
  border: solid var(--popout-activeborders);
  border-radius: 8px;
}

/* chat textarea bg */

.scrollableContainer-15eg7h {
  border-radius: 20px;
  background-color: var(--channeltextarea-background);
  border: solid var(--popout-activeborders);
}

.channelTextArea-1FufC0 {
  background-color: transparent;
}

.replyBar-1oi75v,
.threadSuggestionBar-3ExSyc,
.attachedBars-2BCP3l {
  background-color: var(--dark-primary);
  background-color: var(--dark-secondary-alt);
  border-radius: 25px;
  margin-bottom: 3px;
}

.emojiItemDisabled-1FvFuF {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

/****************************************************************************************

██████╗ ██╗███████╗ ██████╗ ██████╗ ██████╗ ██████╗     ██╗   ██╗ █████╗ ██████╗ ███████╗
██╔══██╗██║██╔════╝██╔════╝██╔═══██╗██╔══██╗██╔══██╗    ██║   ██║██╔══██╗██╔══██╗██╔════╝
██║  ██║██║███████╗██║     ██║   ██║██████╔╝██║  ██║    ██║   ██║███████║██████╔╝███████╗
██║  ██║██║╚════██║██║     ██║   ██║██╔══██╗██║  ██║    ╚██╗ ██╔╝██╔══██║██╔══██╗╚════██║
██████╔╝██║███████║╚██████╗╚██████╔╝██║  ██║██████╔╝     ╚████╔╝ ██║  ██║██║  ██║███████║
╚═════╝ ╚═╝╚══════╝ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝       ╚═══╝  ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝
dcvarsp

****************************************************************************************/

:root.theme-dark {
  --background-tertiary: #2F292E;
  --background-secondary: #1D171D; /* guild folder border background */
  --background-secondary-alt: var(--dark-primary); /* change it and see for yourself */
  --background-primary: var(
    --dark-primary
  ); /* primary background color, full amoled black  */
  --channeltextarea-background: #140814; /* color of your chat bar */
  --background-accent: var(--brand-experiment); /* discords accent color (default) */
  --background-message-hover: transparent;
  --background-modifier-hover: #A84081;
  --background-modifier-active: #DB7BB1;
  --background-modifier-selected: #DB85BF;
  --background-floating: var(--dark-primary); /* userpopout background */
  --scrollbar-auto-thumb: var(--brand-experiment);
  --scrollbar-auto-track: #0d0d0d;
  --scrollbar-thin-thumb: var(--brand-experiment);
}

/*                                Optional stuff ( delete the /⃰ ⃰/ on top and below the import to enable them)                     */

/* blur background on some modals focus */
.backdrop-29yll0,
.layer-2KE1M9 {
  backdrop-filter: blur(5px);
}

.content-yjf30S {
  background-color: var(--dark-secondary-alt);
}

.theme-dark .container_ee69e0 {
  background-color: var(--dark-secondary);
}