xmc/modular/titlebars.css

[class^="userPopout-"] [class^="headerContainer-"],
[class^="userPopout-"] [class^="bodyTitle-"],
[class^="userPopout-"] [class^="userInfoTitle-"] {
  padding: unset !important;
}


[class^="userPopout-"] [class^="activityUserPopout-"] [class*="headerTextNormal-"],
[class^="userPopout-"] [class*="bodyTitle-"],
[class^="userPopout-"] [class*="aboutMeTitle-"],
[class^="userPopout-"] [class*="userInfoTitle-"] {
  color: var(--text) !important;
  padding: 0 10px !important;
  background-color: var(--titlebar-color);
  box-shadow: var(--titlebar-shadow);
  margin-bottom: 0;
  width: 100%;
  height: 28px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-weight: 100;
  font-family: var(--_font-titlebars) !important;
  font-size: 12px !important;
  text-transform: none;
}

[class*="recentMentionsPopout-"],
[class^="messagesPopoutWrap-"],
[class*="root-"][class*="popout-"] {
  border-radius: 0;
}

[class*="recentMentionsPopout-"] > [class^="header-"] {
  color: var(--text) !important;
  padding: 0 10px;
  background-color: var(--titlebar-color);
  box-shadow: var(--titlebar-shadow);
  margin-bottom: 0;
  height: 28px;
  min-height: 28px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-weight: 100;
  font-family: var(--_font-titlebars) !important;
  font-size: 12px !important;
  text-transform: none;
}

[class*="recentMentionsPopout-"]
  > [class^="header-"]
  > div
  > [class^="button-"] {
  padding: 0;
  border-radius: 0;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background-color: transparent;
}

[class^="messagesPopoutWrap-"] > [class^="header-"] {
  padding: 0;
}

[class^="messagesPopoutWrap-"] > [class^="header-"] > [class^="wrapper-"] {
  color: var(--text) !important;
  padding: 0 10px;
  background-color: var(--titlebar-color);
  box-shadow: var(--titlebar-shadow);
  margin-bottom: 0;
  height: 28px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-weight: 100;
  font-family: var(--_font-titlebars) !important;
  font-size: 12px !important;
  text-transform: none;
}

.platform-win [class*="baseLayer-"] {
    top: -32px;
    padding-top: 32px;
  }
  .platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] {
    top: -32px;
  }

  [class^="typeWindows-"] {
    margin: 3px;
    padding: 6px;
    height: 14px !important;
    background: var(--titlebar-color);
    box-shadow: var(--titlebar-shadow);
  }

  [class^="typeMacOS-"] {
    background-color: var(--background-tertiary);
    height: 32px !important;
  }

  [class^="macButtons-"] {
    padding: 8px !important;
  }

  [class*="winButton-"] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII=");
    background-size: 42px;
    background-repeat: no-repeat;
    background-color: transparent !important;
    width: 14px !important;
    height: 14px !important;
    top: -1px !important;
    position: relative !important;
    margin-left: 30px;
  }

  [class*="macButton-"] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII=");
    background-size: 42px;
    background-repeat: no-repeat;
    background-color: transparent !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 0;
  }

  [class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"],
  html.platform-win:not(.app-focused) [class*="winButton-"] {
    opacity: 0.4;
  }

  [class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover,
  html.platform-win:not(.app-focused) [class*="winButton-"]:hover {
    opacity: 1;
  }

  [class*="macButton-"] > svg,
  [class*="winButton-"] > svg,
  [class^="wordmarkWindows-"] > svg {
    display: none;
  }

  [class*="winButtonClose-"] {
    margin-right: 3px;
  }

  [class*="macButtonClose-"],
  [class*="winButtonClose-"] {
    background-position: 0px 0px;
  }
  [class*="macButtonClose-"]:hover,
  [class*="winButtonClose-"]:hover {
    background-position: 0px -14px;
  }
  [class*="macButtonClose-"]:active,
  [class*="winButtonClose-"]:active {
    background-position: 0px -28px;
  }

  [class*="macButtonMaximize-"],
  [class*="winButtonMinMax-"]:nth-child(3) {
    background-position: -14px 0px;
  }
  [class*="macButtonMaximize-"]:hover,
  [class*="winButtonMinMax-"]:nth-child(3):hover {
    background-position: -14px -14px;
  }
  [class*="macButtonMaximize-"]:active,
  [class*="winButtonMinMax-"]:nth-child(3):active {
    background-position: -14px -28px;
  }

  [class*="macButtonMinimize-"],
  [class*="winButtonMinMax-"]:nth-child(4) {
    background-position: -28px 0px;
  }
  [class*="macButtonMinimize-"]:hover,
  [class*="winButtonMinMax-"]:nth-child(4):hover {
    background-position: -28px -14px;
  }
  [class*="macButtonMinimize-"]:active,
  [class*="winButtonMinMax-"]:nth-child(4):active {
    background-position: -28px -28px;
  }

  [class^="wordmarkWindows-"] {
    width: 16px !important;
    height: 16px !important;
    top: 8px !important;
    left: 9px !important;
    padding: 0 !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAM6SURBVDhPhZJrUIxRGMePMUiDkUaMmeRSQy7lMijklg+lBg1DG8Nu6EalJFqxU7JtbcnSZd+tbMm2W3RZpdVlG7GpKJemZqKLiC9tYYsti/17rdf0gRm/mWfmzHPO7z/PnHPI/1A9rRKyLu38tPHgiiFZUV4K0/4b3dCAe6ky/nHF3YIspkXiq6kXXHUw8hu5YAv2giyciQsJl+8x22MYjUZzdXMKgD5ESytwX9MROTzyxX7H7QioDSpU9hXiKBWHmZ4cEDNnjIx8ncuov9Hr9Qviyq6hl47YVwbwMjrkD9qfhGzO40L8rhr8xxVwTcrHtD25IDPC0Nun3cqoY4hkcoUlJwdkay0M34zTdZ91y6cd8YB7Bh9bhBLYBJeBuD4EWZAKeuJJjDZGV1c9L+9mCOKTwvGspSHsV48THfmIrFgHs20BIM4iEGspmlq1USbhD/TU4568yO949VZML4cwikH4cFNxRqh839nd62Pv5qydYOsEMscVvuF8DaON8Wagpb2uR43+4Ud0AGCgK6ZkBIt9xThSwkNO23mklPuDFeeBRbuW4kTUqVqd7uMSRick9/UXsNOvQGdoNwW8pCtCVURXKKg3aXg+WghZcyICqVNYH8LGOPs1ILOXoFajuWgKSNR8794dGYAuQyd0tMxrzIJSS0HSI0PRcDmaR8uRUZ8OjjgOm6K4sPHyo/+DB8jyIPT09nFMIfStTvyOH07F3Q0NordZELTU4FglBeVoDao+VICvvg7vNBFcooWwY8diiuMBjN+SDStPSm8K+ENQHR/BVaWwDroKtioZssF7yOkuRnipFLtEFJzOSWDnL4GFy1lMXHUS5t5qI6MSUveqRehZGAur/Zmw2BcK3+p4iDpvQ9Agg+/NbGxPzMbqqDzYBhbAwk2MSY6HMctPAUYn5JIy85lVaBiIbRosD+3Enls8cDWZOHlHDK90MTbEXMey0wWYH3AHZm5yTHY4C/3Xb9aMTj+n9j07LKegrrJxgBtzi6p3SOCAJY+FjzQRrgIRVp6RYN5xOab6lICsVWCt941+Rv03Ta/bg/mq3Kb9qYKBzbykTy7R0n5Wck2roOilQtM2GPj7FCE/Ab+l9dhxypy/AAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
  }
  [class^="wordmarkWindows-"]::after {
    font-family: var(--_font-titlebars) !important;
    font-size: 12px !important;
    line-height: 250% !important;
    color: var(--text) !important;
    font-weight: 0 !important;
    content: "Discord";
    position: absolute;
    top: -8px;
    left: 21px;
    height: 17px;
    opacity: 1;
  }

  html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after,
  html:not(.platform-win)
    #app-mount
    > div:not(.app-focused)
    [class^="wordmarkWindows-"]::after {
    opacity: 0.4;
  }

[class^="focusLock-"][aria-modal="true"]
    > [class*="root-"]
    > [class^="body-"]
    > [class^="infoScroller-"]
    > [class^="userInfoSection-"]
    > [class*="userInfoSectionHeader-"] {
    color: var(--text) !important;
    padding: 0 10px;
    background-color: var(--titlebar-color);
    box-shadow: var(--titlebar-shadow);
    margin-bottom: 0;
    height: 28px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-weight: 100;
    font-family: var(--_font-titlebars) !important;
    font-size: 12px !important;
    text-transform: none;
  }

  [class^="focusLock-"][aria-modal="true"]
    > [class*="root-"]
    > [class^="body-"]
    > [class^="infoScroller-"]
    > [class^="connectedAccounts-"]::before {
    color: var(--text) !important;
    padding: 0 10px;
    background-color: var(--titlebar-color);
    box-shadow: var(--titlebar-shadow);
    margin-bottom: 0;
    height: 28px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-weight: 100;
    font-family: var(--_font-titlebars) !important;
    font-size: 12px !important;
    text-transform: none;
    content: "Connected Accounts";
    position: absolute;
  }

  [class^="focusLock-"][aria-modal="true"]
    > [class*="root-"]
    > [class^="body-"]
    > [class^="infoScroller-"]
    > [class^="connectedAccounts-"] > [class^="connectedAccountsColumn-"] {
    margin-top: 28px;
  }

  [class^="focusLock-"][aria-modal="true"]
    > [class*="root-"]
    > [class^="body-"]
    > [class^="listScroller-"]
    > [class^="activityProfile-"]
    [class*="headerTextNormal-"] {
    color: var(--text) !important;
    padding: 0 10px;
    background-color: var(--titlebar-color);
    box-shadow: var(--titlebar-shadow);
    margin-bottom: 0;
    width: 100%;
    height: 28px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-weight: 100;
    font-family: var(--_font-titlebars) !important;
    font-size: 12px !important;
    text-transform: none;
  }