xmc/modular/titlebars/xmc.css

[class*="recentMentionsPopout_"],
[class^="messagesPopoutWrap_"],
[class^="browser_"] {
  border-radius: 0;
}

[class*="recentMentionsPopout_"] > [class^="header_"] {
  color: var(--text) !important;
  padding: 0 4px;
  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_"]
  > [class^="controls_"]
  > [class^="button_"] {
  padding: 0;
  border-radius: 0;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background-color: transparent;
}
[class*="recentMentionsPopout_"] > [class^="header_"] [class^="tab_"] {
  margin-top: 0 !important;
}

[class^="messagesPopoutWrap_"] > [class^="header_"] {
  padding: 0;
}
[class^="messagesPopoutWrap_"] > [class^="header_"] > h1 {
  color: var(--text) !important;
  padding: 0 10px;
  background-color: var(--titlebar-color);
  box-shadow: var(--titlebar-shadow);
  margin-bottom: 0;
  height: 28px !important;
  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^="browser_"] > [class^="header_"] {
  color: var(--text) !important;
  padding: 0 4px;
  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^="browser_"] > [class^="header_"] > h1 {
  font-weight: 100;
  font-family: var(--_font-titlebars) !important;
  font-size: 12px !important;
  text-transform: none;
}
[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"],
[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] > svg {
  width: 16px;
  height: 16px;
}
[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] {
  margin-right: 2px;
}
[class^="browser_"] > [class^="header_"] > h1,
[class^="browser_"] > [class^="header_"] > [class^="divider_"],
[class^="browser_"] > [class^="header_"] > [class^="searchBox_"] {
  margin-right: 0;
}

[class^="browser_"] > [class^="header_"] > [class^="divider_"] {
  flex-grow: 1;
  background-color: transparent;
}

.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: 10px !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: -2px !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: 6px !important;
  left: 7px !important;
  padding: 0 !important;
  background-image: var(--titlebar-icon);
  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: -7px;
  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;
}