MS Teams-esque look for Discord

discord-teams.css

:root {
  --c-white: #ffffff;
  --c-purple-700: #5052ac;
  --c-purple-500: #7679e4;
  --c-purple-400: #8085ee;
  --c-grey-900: #0a0a0a;
  --c-grey-800: #141414;
  --c-grey-700: #1f1f1f;
  --c-grey-600: #292929;
  --c-grey-500: #2b2b3e;
  --c-grey-300: #adadad;
  --background-secondary: var(--c-grey-800);
  --background-primary: var(--c-grey-700);
  --__header-bar-background: var(--c-grey-900);
  --em-member-list-bgc: var(--c-grey-600);
  --em-txt-color-muted: var(--c-grey-300);
  --em-txt-color-content: var(--c-white);
  --em-txt-opacity: 0.9;
  --em-color-purple: var(--c-purple-700);
}

.wrapper_a7e7a8 {
  background: var(--c-grey-900);
}

div[aria-label=Servers] {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.expandedFolderBackground__1bec6 {
  width: calc(var(--custom-folder-item-guild-icon-size) + 8px);
  left: 8px;
  background-color: var(--em-member-list-bgc);
  top: -5px;
}

.link__95dc0 {
  padding-block: 3px;
}

.wrapper__7bcde.modeUnreadImportant_efb53e::before {
  background: var(--c-white);
  border-radius: 50%;
  content: "";
  height: 0.25rem;
  left: -0.125rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.125rem);
  width: 0.25rem;
}

.unread__48cf4 {
  display: none;
}

.overflow__87fe8 {
  filter: saturate(0);
  font-weight: normal;
  text-transform: none;
  font-size: 0.875rem;
}

.name__8d1ec {
  font-weight: 100;
}

.icon_eff5d4 {
  --channel-icon: var(--em-txt-color-content);
  height: 50%;
  width: 50%;
  opacity: var(--em-txt-opacity);
  color: var(--channel-icon) !important;
}

.iconContainer__3f9b0 {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  background: var(--em-color-purple);
  border-radius: 50%;
  margin-right: 10px;
}

.burstGlow__012b7 {
  display: none;
}

.members__9f47b,
.member_b44d5d {
  background-color: var(--em-member-list-bgc);
}

.layout_bb8e67 {
  height: 34px;
  padding: 0 8px;
}

svg.mask__1979f.svg_f5b652 {
  width: 32px;
  height: 32px;
}

.name__16feb span[style] {
  color: var(--em-txt-color-content) !important;
  opacity: var(--em-txt-opacity);
  font-weight: normal;
}

.username_d30d99[style] {
  color: var(--em-txt-color-content) !important;
  opacity: var(--em-txt-opacity);
  font-weight: normal;
}

.icon__131d1,
.svg_ad7356 {
  filter: saturate(0);
}

.mediaAttachmentsContainer_edba75,
.embedWrapper_c143d9 {
  filter: saturate(0.25) blur(2.5px);
  margin-block-start: 10px;
  margin-block-end: 10px;
}
.mediaAttachmentsContainer_edba75:hover, .mediaAttachmentsContainer_edba75:active, .mediaAttachmentsContainer_edba75:focus,
.embedWrapper_c143d9:hover,
.embedWrapper_c143d9:active,
.embedWrapper_c143d9:focus {
  filter: saturate(1) blur(0);
}

.markup_a7e664.messageContent__21e69 {
  background: var(--c-grey-600);
  padding-block: 0.5em;
  padding-inline: 1em;
  margin-left: calc(-1 * var(--custom-message-margin-left-content-cozy) + var(--custom-message-margin-left-content-cozy));
  border-radius: 0.33em;
  max-width: -moz-max-content;
  max-width: max-content;
}

.mentioned__58017 {
  --background-mentioned: var(--c-grey-500);
  --background-mentioned-hover: var(--c-grey-500);
  padding-block: 1em !important;
}
.mentioned__58017::before {
  --info-warning-foreground: var(--c-purple-500);
}

.themedBackground__6b1b6 {
  --channeltextarea-background: var(--c-grey-600);
  border: 1px solid var(--c-grey-800);
}
.themedBackground__6b1b6:focus-within {
  border-bottom: 1px solid var(--c-purple-400);
}/*# sourceMappingURL=discord-teams.css.map */