xmc/modular/custom_bg.css

.theme-dark,
:root {
  --transparent_background-primary: rgba(
    var(--primary-rgb),
    var(--primary-alpha)
  ) !important;
  --transparent_background-secondary: rgba(
    var(--secondary-rgb),
    var(--secondary-alpha)
  ) !important;
  --transparent_background-secondary-alt: rgba(
    var(--secondary--alt-rgb, --secondary-rgb),
    var(--secondary-alpha)
  ) !important;
  --transparent_background-tertiary: rgba(
    var(--tertiary-rgb),
    var(--tertiary-alpha)
  ) !important;
}

[class^="appMount_"] {
  background: var(--custom-background), var(--primary) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

[class^="chat_"]
  > [class^="content_"]
  > [class^="container"]
  > [class^="chatContainer_"]
  > [class^="chatContent_"],
[class^="chat_"] > [class^="title_"],
[class^="markup_"] code,
[class*="embedFull_"],
[class^="chat_"] > [class^="title_"] [class^="searchBar_"],
[class^="content_"]
  > [class^="sidebar_"]
  > [class^="privateChannels_"]
  > [class^="searchBar_"]
  > [class^="searchBarComponent_"],
[class^="standardSidebarView_"] > [class^="contentRegion_"],
[class^="accountProfileCard_"],
[class^="base_"] > [class^="content_"] > [class^="wrapper_"],
[class^="perksModal_"],
[class^="base_"] > [class^="content_"] > [class^="container_"],
[class^="gameUpdates_"],
[class^="applicationStore_"],
[class^="pageWrapper_"],
.messageLinkPreview-container {
  background-color: var(--transparent_background-primary) !important;
}
[class^="channelTextArea_"],
[class^="content_"] > [class^="sidebar_"],
[class^="chat_"] > [class^="content_"] > [class^="container_"],
[class^="chat_"] > [class^="content_"] > [class^="chatContent_"],
[class^="standardSidebarView_"]
  > [class^="sidebarRegion_"]
  [class^="sidebarRegionScroller_"] {
  background: var(--transparent_background-secondary) !important;
}
nav[class*="guilds_"],
body
  > #app-mount
  > .platform-web
  > [class^="popout_"]
  > [class^="content_"]
  > [class^="wrapper_"] {
  background: var(--transparent_background-tertiary) !important;
}

[class^="chat_"],
[class^="content_"] > [class^="sidebar_"] > [class^="container_"],
[class^="content_"] > [class^="sidebar_"] > [class^="privateChannels_"],
[class^="content_"]
  > [class^="sidebar_"]
  > [class^="privateChannels_"]
  > [class^="scroller_"],
nav[class*="guilds_"] > ul > [class^="scroller_"],
[class^="content_"] > [class^="sidebar_"] > [class^="panels_"],
[class^="chat_"]
  > [class^="content_"]
  > [class^="membersWrap_"]
  > [class^="members_"]
  > div,
[class^="channelTextArea_"] > [class^="scrollableContainer_"],
[class^="chat_"] > [class^="title_"] [class^="children_"]:after,
[class^="chat_"]
  > [class^="content_"]
  > [class^="chatContent_"]
  [class^="scrollerInner_"]
  > [class^="wrapper_"],
[class^="chat_"]
  > [class^="content_"]
  > [class^="chatContent_"]
  [class^="scrollerInner_"]
  > [class^="wrapper_"]
  > [class^="wrapper_"],
[class^="standardSidebarView_"],
[class^="standardSidebarView_"]
  > [class^="contentRegion_"]
  [class^="contentRegionScroller_"],
[class^="base_"]
  > [class^="content_"]
  > [class^="wrapper_"]
  > [class^="navigationBar_"],
[class^="peopleColumn_"],
[class^="base_"]
  > [class^="content_"]
  > [class^="container_"]
  > [class*="container_"],
[class^="base_"]
  > [class^="content_"]
  > [class^="container_"]
  > [class^="scroller_"],
[class^="base_"]
  > [class^="content_"]
  > [class^="container_"]
  > [class*="container_"]
  > [class^="table_"]
  > [class*="header_"],
[class^="applicationStore_"] [class^="headerBar_"],
[class^="applicationStore_"] [class^="scroller_"],
#gm-settings-inject,
[class^="base_"]
  > [class^="content_"]
  > [class^="container_"]
  > section
  > section[class^="headerBarContainer_"],
[class^="chat_"]
  > [class^="content_"]
  > [class^="container_"]
  > [class^="membersWrap_"]
  > [class^="members_"],
[class^="chat_"]
  > [class^="content_"]
  > [class^="container_"]
  > [class^="membersWrap_"],
[class^="chat_"]
  > [class^="content_"]
  > [class^="container_"]
  > [class^="membersWrap_"]
  > [class^="members_"]
  > div,
body
  > #app-mount
  > .platform-web
  > [class^="popout_"]
  > [class^="content_"]
  > [class^="wrapper_"]
  > [class^="callContainer_"] {
  background: transparent !important;
}

#gm-settings-inject [class^="auto_"]::-webkit-scrollbar-track,
#gm-settings-inject[class^="auto_"]::-webkit-scrollbar-track {
  background: transparent !important;
  border: none;
}
#gm-settings-inject [class^="auto_"]::-webkit-scrollbar-thumb,
#gm-settings-inject[class^="auto_"]::-webkit-scrollbar-thumb {
  background: var(--interactive-normal);
  border: none;
}
#gm-settings-inject [class^="auto_"]::-webkit-scrollbar,
#gm-settings-inject[class^="auto_"]::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
}