xmc/modular/custom_bg.css
2022-10-19 03:32:11 +00:00

157 lines
4.4 KiB
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-tertiary: rgba(
var(--tertiary-rgb),
var(--tertiary-alpha)
) !important;
}
[class^="appMount-"] {
background: var(--custom-background), var(--primary) !important;
}
[class^="chat-"] > [class^="content-"] > [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^="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;
}