Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- :root {
- --TB-top: calc(var(--server-container) + var(--window-padding));
- --TB-tr-roundness: var(--window-roundness);
- --TB-position-top: var(--TB-top, var(--window-padding));
- --TB-position-right: var(--window-padding);
- --tint: rgba(var(--tint-colour), var(--tint-brightness));
- --white-half: rgba(255,255,255,0.025);
- --white: rgba(255,255,255,0.05);
- --white-double: rgba(255,255,255,0.1);
- --white-triple: rgba(255,255,255,0.15);
- --gradient: linear-gradient(var(--gradient-direction), rgb(var(--gradient-primary)), rgb(var(--gradient-secondary)));
- --gradient-20: linear-gradient(var(--gradient-direction), rgba(var(--gradient-primary), 0.2), rgba(var(--gradient-secondary), 0.2));
- --gradient-50: linear-gradient(var(--gradient-direction), rgba(var(--gradient-primary), 0.5), rgba(var(--gradient-secondary), 0.5));
- --gradient-90: linear-gradient(var(--gradient-direction), rgba(var(--gradient-primary), 0.9), rgba(var(--gradient-secondary), 0.9));
- --text-shadow: 1;
- --chat-embed: var(--background-secondary);
- --discord-green: 67,181,129;
- --discord-yellow: 219,171,9;
- --discord-red: 215,58,73;
- --discord-purple: 89,54,149;
- --discord-invisible: 117,128,142;
- --discord-nitro: 255,115,250;
- --discord-blurple: 114,137,218;
- --discord-spotify: 29,185,84;
- --discord-twitch: 89,54,149;
- --discord-xbox: 16,124,16;
- --version: "Frosted Glass 2.0.8";
- }
- .theme-dark {
- --header-primary: #fff;
- --header-secondary: #bbb;
- --text-normal: #fff;
- --text-default: #ddd;
- --text-muted: #aaa;
- --text-link: #00b0f4;
- --channels-default: #ddd;
- --interactive-normal: #bbb;
- --interactive-hover: #eee;
- --interactive-active: #fff;
- --interactive-muted: #777;
- --background-primary: transparent;
- --background-secondary: rgba(0,0,0,0.3);
- --background-secondary-alt: transparent;
- --background-tertiary: transparent;
- --background-accent: #4f545c;
- --background-floating: transparent;
- --background-mobile-primary: #36393f;
- --background-mobile-secondary: #2f3136;
- --background-modifier-hover: rgba(255,255,255,0.05);
- --background-modifier-active: rgba(255,255,255,0.07);
- --background-modifier-selected: rgba(255,255,255,0.1);
- --background-modifier-accent: rgba(255,255,255,0.1);
- --background-mentioned: rgba(250,166,26,0.05);
- --background-mentioned-hover: rgba(250,166,26,0.08);
- --background-message-hover: rgba(4,4,5,0.07);
- --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);
- --elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05);
- --elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
- --elevation-high: 0 8px 16px rgba(0,0,0,0.24);
- --logo-primary: #fff;
- --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
- --channeltextarea-background: rgba(255,255,255,0.05);
- --activity-card-background: #202225;
- --textbox-markdown-syntax: #8e9297;
- --deprecated-card-bg: rgba(0,0,0,0.3);
- --deprecated-card-editable-bg: rgba(0,0,0,0.3);
- --deprecated-store-bg: #36393f;
- --deprecated-quickswitcher-input-background: var(--channeltextarea-background);
- --deprecated-quickswitcher-input-placeholder: rgba(255,255,255,0.5);
- --deprecated-text-input-bg: rgba(0,0,0,0.1);
- --deprecated-text-input-border: rgba(0,0,0,0.3);
- --deprecated-text-input-border-hover: #040405;
- --deprecated-text-input-border-disabled: #202225;
- --deprecated-text-input-prefix: #dcddde;
- --text-link: var(--link-colour);
- }
- #app-mount:before {
- content: "";
- background: var(--background-image);
- background-position: var(--background-image-position, center);
- background-size: var(--background-image-size, cover);
- position: absolute;
- height: calc(100vh + (var(--background-image-blur) * 2));
- width: calc(100vw + (var(--background-image-blur) * 2));
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- #app-mount .layers-3iHuyZ {
- margin: var(--window-padding);
- overflow: hidden;
- border-radius: var(--window-roundness);
- }
- #app-mount .layer-3QrUeG {
- background: var(--tint);
- }
- #app-mount .base-3dtUhz:before {
- content: "";
- position: absolute;
- height: 5px;
- width: 100%;
- background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);
- z-index: 1;
- top: 48px;
- pointer-events: none;
- -webkit-user-select: none;
- user-select: none;
- }
- #app-mount .botTagRegular-2HEhHi {
- background: var(--gradient);
- color: var(--text-normal);
- margin-top: 0;
- }
- #app-mount .botText-1526X_ {
- font-weight: 600;
- }
- #app-mount .botTagInvert-18-95s {
- color: rgb(var(--gradient-primary));
- }
- #app-mount .botTagInvert-18-95s .botText-1526X_ {
- font-weight: bold;
- }
- ::selection {
- background: rgb(var(--gradient-primary));
- color: var(--text-normal);
- }
- #app-mount .app-2rEoOp::before {
- content: "Your version of Frosted Glass is outdated. Please redownload";
- white-space: pre-wrap;
- display: var(--update-notice-1, block);
- color: #fff;
- text-align: center;
- padding: 10px 0;
- box-sizing: border-box;
- background: rgb(var(--discord-blurple), 0.7);
- text-shadow: 0 2px 3px rgba(0, 0, 0, var(--text-shadow));
- }
- ::-webkit-scrollbar {
- width: 8px !important;
- height: 8px !important;
- }
- ::-webkit-scrollbar,
- ::-webkit-scrollbar-track,
- ::-webkit-scrollbar-track-piece {
- border-color: transparent !important;
- background: transparent !important;
- }
- ::-webkit-scrollbar-thumb {
- border-radius: 10px !important;
- border: none !important;
- background-clip: content-box !important;
- background: var(--scrollbar-colour) !important;
- }
- ::-webkit-scrollbar-corner {
- visibility: hidden !important;
- }
- .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar,
- .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-corner,
- .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-thumb,
- .scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-track {
- display: none !important;
- }
- ::-webkit-input-placeholder, body, button, input, select, textarea {
- font-family: var(--font, "Whitney");
- }
- #app-mount .tooltip-2QfLtc {
- color: var(--text-normal);
- text-align: center;
- font-weight: 600;
- }
- #app-mount .tooltipPrimary-1d1ph4 {
- background: var(--gradient);
- }
- #app-mount .tooltipPrimary-1d1ph4 .tooltipPointer-3ZfirK {
- display: none;
- }
- #app-mount .layers-3iHuyZ:before {
- content: "";
- background: var(--background-image);
- background-position: var(--background-image-position, center);
- background-size: var(--background-image-size, cover);
- background-repeat: var(--background-image-repeat, no-repeat);
- height: calc(100vh + (var(--background-image-blur) * 2));
- width: calc(100vw + (var(--background-image-blur) * 2));
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- position: absolute;
- filter: blur(var(--background-image-blur));
- pointer-events: none;
- -webkit-user-select: none;
- user-select: none;
- }
- #app-mount [role=menu],
- #app-mount .autocompleteInner-zh20B_,
- #app-mount .container-3ayLPN,
- #app-mount .container-enaOkj,
- #app-mount .container-2dqNWc,
- #app-mount .contextMenu-HLZMGh:not(.scroller-2FKFPG),
- #app-mount .emojiPicker-3PwZFl,
- #app-mount .messagesPopoutWrap-1MQ1bW,
- #app-mount .modal-yWgWj-:not(.slide-2pHaq5),
- #app-mount .root-1gCeng:not(.fullscreenOnMobile-1bD22y),
- #app-mount .root-SR8cQa,
- #app-mount .subMenuContext-2n_9YM .scrollerWrap-2lJEkd,
- #app-mount .userPopout-3XzG_A,
- #app-mount section.positionContainer-3unAXC .drawerSizingWrapper-27qFHb,
- #app-mount .quickswitcher-3JagVE,
- #app-mount .root-1gCeng.wrapper-2ZbzR9,
- #app-mount .modalRoot-1Kx4Hb,
- #app-mount .container-3JTnYm.thin-1ybCId.scrollerBase-289Jih,
- #app-mount .popoutContainer-1MXdqN,
- #app-mount .root-1gCeng:not(.modal-qgFCbT),
- #app-mount .container-3XJ8ns {
- overflow: hidden !important;
- position: relative;
- border-radius: 3px;
- }
- #app-mount [role=menu]:before,
- #app-mount .autocompleteInner-zh20B_:before,
- #app-mount .container-3ayLPN:before,
- #app-mount .container-enaOkj:before,
- #app-mount .container-2dqNWc:before,
- #app-mount .contextMenu-HLZMGh:not(.scroller-2FKFPG):before,
- #app-mount .emojiPicker-3PwZFl:before,
- #app-mount .messagesPopoutWrap-1MQ1bW:before,
- #app-mount .modal-yWgWj-:not(.slide-2pHaq5):before,
- #app-mount .root-1gCeng:not(.fullscreenOnMobile-1bD22y):before,
- #app-mount .root-SR8cQa:before,
- #app-mount .subMenuContext-2n_9YM .scrollerWrap-2lJEkd:before,
- #app-mount .userPopout-3XzG_A:before,
- #app-mount section.positionContainer-3unAXC .drawerSizingWrapper-27qFHb:before,
- #app-mount .quickswitcher-3JagVE:before,
- #app-mount .root-1gCeng.wrapper-2ZbzR9:before,
- #app-mount .modalRoot-1Kx4Hb:before,
- #app-mount .container-3JTnYm.thin-1ybCId.scrollerBase-289Jih:before,
- #app-mount .popoutContainer-1MXdqN:before,
- #app-mount .root-1gCeng:not(.modal-qgFCbT):before,
- #app-mount .container-3XJ8ns:before {
- content: "";
- background: linear-gradient(var(--tint), var(--tint)), var(--popout-modal-image);
- background-position: var(--popout-modal-position, center);
- background-size: var(--popout-modal-size, cover);
- background-attachment: var(--popout-modal-attachment, fixed);
- background-repeat: var(--popout-modal-repeat, no-repeat);
- box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, var(--popout-modal-brightness));
- height: calc(100% + var(--popout-modal-blur) * 5);
- width: calc(100% + var(--popout-modal-blur) * 5);
- top: calc(var(--popout-modal-blur) / -1 * 2.5);
- left: calc(var(--popout-modal-blur) / -1 * 2.5);
- position: absolute;
- filter: blur(var(--popout-modal-blur));
- pointer-events: none;
- -webkit-user-select: none;
- user-select: none;
- z-index: -1;
- }
- #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6,
- #app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV,
- #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91,
- #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
- #app-mount .lookOutlined-3sRXeN.colorWhite-rEQuAQ {
- background-color: var(--white);
- color: var(--text-normal);
- border-color: transparent;
- transition: 0.2s ease;
- }
- #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
- #app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV:hover,
- #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91:hover,
- #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
- #app-mount .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover {
- background: var(--white-double);
- }
- #app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
- #app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV:active,
- #app-mount .lookInverted-2D7oAl.colorBrand-3pXr91:active,
- #app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
- #app-mount .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active {
- background: var(--white-triple);
- }
- #app-mount .actionRed-gYn8D3,
- #app-mount .colorRed-1TFJan {
- background: rgba(var(--discord-red), 0.5);
- border: none;
- color: #fff;
- transition: 0.2s ease;
- }
- #app-mount .actionRed-gYn8D3:active, #app-mount .actionRed-gYn8D3:hover,
- #app-mount .colorRed-1TFJan:active,
- #app-mount .colorRed-1TFJan:hover {
- background: rgb(var(--discord-red));
- }
- #app-mount .lookFilled-1Gx00P.colorGreen-29iAKY {
- background: rgba(var(--discord-green), 0.4);
- transition: 0.2s ease;
- }
- #app-mount .lookFilled-1Gx00P.colorGreen-29iAKY:active, #app-mount .lookFilled-1Gx00P.colorGreen-29iAKY:hover {
- background: rgb(var(--discord-green));
- }
- #app-mount .lookInverted-2D7oAl.colorGreen-29iAKY {
- background: var(--white);
- }
- #app-mount .lookInverted-2D7oAl.colorGreen-29iAKY:hover {
- background: var(--white-double);
- }
- #app-mount .lookInverted-2D7oAl.colorGreen-29iAKY:active {
- background: var(--white-triple);
- }
- #app-mount .bd-pfbtn,
- #app-mount .lookFilled-1Gx00P.colorBrand-3pXr91 {
- background: var(--gradient);
- }
- #app-mount .lookLink-9FtZy-.colorBrand-3pXr91 {
- color: rgb(var(--gradient-primary));
- opacity: 1;
- }
- #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91 {
- background: rgba(var(--discord-blurple), 0.3);
- border: transparent;
- transition: 0.2s ease;
- color: #fff;
- }
- #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:active, #app-mount .lookOutlined-3sRXeN.colorBrand-3pXr91:hover {
- background: rgb(var(--discord-blurple));
- }
- #app-mount .bd-search-wrapper,
- #app-mount .input-cIJ7To:not(.searchBoxInput-K6mkng) {
- background: var(--background-secondary);
- border-color: transparent;
- color: var(--text-normal);
- }
- #app-mount .bd-search-wrapper::placeholder,
- #app-mount .input-cIJ7To:not(.searchBoxInput-K6mkng)::placeholder {
- color: rgba(255, 255, 255, 0.5);
- }
- #app-mount .bd-search::placeholder {
- color: rgba(255, 255, 255, 0.5);
- }
- #app-mount .item-26Dhrx {
- border: none;
- background: var(--background-secondary);
- }
- #app-mount .item-26Dhrx .checkbox-1ix_J3 {
- border: none;
- background: var(--white-double);
- }
- #app-mount .item-26Dhrx .checkbox-1ix_J3.checked-3_4uQ9 {
- background: var(--text-normal) !important;
- }
- #app-mount .item-26Dhrx[style*="rgb(114, 137, 218)"] {
- background: var(--gradient) !important;
- }
- #app-mount .item-26Dhrx[style*="rgb(114, 137, 218)"] .checkbox-1ix_J3 {
- background: var(--text-normal);
- }
- #app-mount .item-26Dhrx[style*="rgb(114, 137, 218)"] polyline {
- stroke: rgb(var(--gradient-primary));
- }
- #app-mount .item-26Dhrx[style*="rgb(240, 71, 71)"] .checkbox-1ix_J3, #app-mount .item-26Dhrx[style*="rgb(250, 166, 26)"] .checkbox-1ix_J3, #app-mount .item-26Dhrx[style*="rgb(67, 181, 129)"] .checkbox-1ix_J3 {
- background: var(--text-normal);
- }
- #app-mount .bd-switch,
- #app-mount .valueUnchecked-2lU_20 {
- background: var(--white-double);
- }
- #app-mount .bd-switch-checked,
- #app-mount .themeDefault-24hCdX.valueChecked-m-4IJZ {
- background: var(--gradient);
- }
- #app-mount .checkboxElement-1qV33p:checked + span {
- border-color: rgb(var(--gradient-primary));
- background: rgb(var(--gradient-primary));
- }
- #app-mount .checkbox-3s5GYZ {
- color: rgb(var(--gradient-primary));
- }
- #app-mount .checkbox-1ix_J3 {
- background: var(--white);
- border: none;
- }
- #app-mount .checkbox-1ix_J3.checked-3_4uQ9 {
- background: var(--gradient) !important;
- border: none !important;
- }
- #app-mount [class*=css][class*=control], #app-mount .select-1Pkeg4 {
- background: var(--background-secondary);
- border-color: transparent;
- }
- #app-mount [class*=css][class*=placeholder] {
- color: rgba(255, 255, 255, 0.5);
- opacity: 1;
- }
- #app-mount .bar-2Qqk5Z {
- background: var(--white-double);
- }
- #app-mount .barFill-23-gu- {
- background: var(--gradient);
- }
- #app-mount .container-1nZlH6 {
- background: var(--background-secondary);
- border-color: transparent;
- }
- #app-mount .title-3qD0b- .searchBar-3dMhjb {
- background: var(--background-secondary);
- }
- #app-mount .notice-3bPHh- {
- height: 48px;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 0;
- box-shadow: none;
- }
- #app-mount .notice-3bPHh- .button-2DhvE9 {
- top: 0;
- background: var(--white);
- border-color: transparent;
- color: #fff;
- }
- #app-mount .notice-3bPHh- .button-2DhvE9:hover {
- background: var(--white-double);
- }
- #app-mount .notice-3bPHh- .button-2DhvE9:active {
- background: var(--white-triple);
- }
- #app-mount .closeButton-3cJIM4 {
- right: unset;
- left: 0;
- height: 48px;
- }
- #app-mount .noticeStreamerMode-2TSQpg {
- background: rgba(var(--discord-twitch), 0.6);
- }
- #app-mount .guilds-1SWlCJ {
- background-color: transparent;
- }
- #app-mount .guilds-1SWlCJ .scrollerBase-289Jih {
- background-color: rgba(0, 0, 0, var(--serverlist-brightness));
- }
- #app-mount .guilds-1SWlCJ .scrollerBase-289Jih::-webkit-scrollbar {
- display: none;
- }
- #app-mount .guilds-1SWlCJ [class*=expandedFolderBackground] {
- background: var(--white);
- }
- #app-mount .guilds-1SWlCJ [class*=folder] {
- background: transparent;
- }
- #app-mount .guilds-1SWlCJ .tutorialContainer-2sGCg9 .childWrapper-anI2G9 {
- background: var(--gradient);
- background-color: transparent;
- }
- #app-mount .guilds-1SWlCJ .tutorialContainer-2sGCg9 .wrapper-1BJsBx:before {
- content: "";
- border-radius: 50%;
- position: absolute;
- background: var(--home-button-image, url("https://gibbu.github.io/BetterDiscord-Themes/FrostedGlass/assets/discord.svg"));
- background-size: var(--home-button-size, cover);
- background-position: var(--home-button-position, center);
- height: 100%;
- width: 100%;
- transition: 0.2s ease;
- }
- #app-mount .guilds-1SWlCJ .tutorialContainer-2sGCg9 .wrapper-1BJsBx.selected-bZ3Lue:before {
- border-radius: 30%;
- }
- #app-mount .guilds-1SWlCJ .tutorialContainer-2sGCg9 .homeIcon-FuNwkv {
- display: none;
- }
- #app-mount .guilds-1SWlCJ .selected-bZ3Lue .acronym-2mOFsV {
- background: var(--white-double);
- }
- #app-mount .guilds-1SWlCJ .acronym-2mOFsV {
- background: var(--white);
- }
- #app-mount .guilds-1SWlCJ .acronym-2mOFsV:hover {
- background: var(--white-double);
- }
- #app-mount .guilds-1SWlCJ [class*=circleIconButton] {
- background: var(--white);
- color: rgb(var(--gradient-primary));
- }
- #app-mount .guilds-1SWlCJ [class*=circleIconButton].selected-ugP_am, #app-mount .guilds-1SWlCJ [class*=circleIconButton]:hover {
- background: var(--white-double);
- color: var(--text-normal);
- }
- #app-mount .sidebar-2K8pFh {
- border-radius: 0;
- background: rgba(0, 0, 0, var(--left-brightness));
- }
- #app-mount .sidebar-2K8pFh .container-3w7J-x,
- #app-mount .sidebar-2K8pFh .privateChannels-1nO12o,
- #app-mount .sidebar-2K8pFh .scroller-1JbKMe {
- background-color: transparent;
- }
- #app-mount .sidebar-2K8pFh [role=list] > div[style="width: 100%; height: 84px; visibility: hidden;"] {
- height: 120px !important;
- }
- #app-mount .header-2o-2hj {
- background: transparent;
- box-shadow: none;
- }
- #app-mount .animatedContainer-1pJv5C {
- -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.9) 60%, rgba(0, 0, 0, 0) 100%) !important;
- top: 48px;
- background: transparent;
- }
- #app-mount .containerDefault--pIXnN .modeUnread-1qO3K1 .content-1x5b-n {
- background: var(--white);
- }
- #app-mount .containerDefault--pIXnN .wrapper-1ucjTd:hover .content-1x5b-n {
- background: var(--background-modifier-hover);
- }
- #app-mount .containerDefault--pIXnN .wrapper-1ucjTd:hover .content-1x5b-n .icon-1DeIlz {
- color: var(--interactive-hover);
- }
- #app-mount .containerDefault--pIXnN.selected-3LIHYU .content-1x5b-n {
- background: var(--gradient) !important;
- }
- #app-mount .containerDefault--pIXnN.selected-3LIHYU .content-1x5b-n .icon-1DeIlz {
- color: var(--text-normal);
- }
- #app-mount .users-i_3-kL {
- background: var(--white);
- padding: 0 5px;
- width: auto;
- }
- #app-mount .total-3tKGEB {
- background: var(--white-double);
- padding: 0 5px;
- width: auto;
- }
- #app-mount .containerUserOver-2mv1jO:after {
- background: var(--gradient-20);
- border: 2px solid rgb(var(--gradient-primary));
- }
- #app-mount .channel-2QD9_O.selected-aXhQR6 .layout-2DM8Md {
- background: var(--gradient);
- }
- #app-mount .panels-j1Uci_ {
- background: transparent;
- }
- #app-mount .panels-j1Uci_ .lookFilled-1Gx00P.colorBrand-3pXr91 {
- background: var(--white);
- }
- #app-mount .panels-j1Uci_ .lookFilled-1Gx00P.colorBrand-3pXr91:hover {
- background: var(--white-double);
- }
- #app-mount .panels-j1Uci_ .lookFilled-1Gx00P.colorBrand-3pXr91:active {
- background: var(--white-triple);
- }
- #app-mount .container-1giJp5 {
- border-bottom: none;
- }
- #app-mount .unread-1xRYoj {
- background: var(--gradient);
- }
- #app-mount .content-yTz4x3:before {
- content: none;
- }
- #app-mount .chat-3bRxxu {
- background: rgba(0, 0, 0, var(--middle-brightness));
- }
- #app-mount .messages-3amgkR {
- background-color: transparent;
- text-shadow: 0 2px 5px rgba(0, 0, 0, var(--text-shadow));
- }
- #app-mount .newMessagesBar-265mhP {
- background: var(--gradient);
- opacity: 1;
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
- }
- #app-mount .jumpToPresentBar-G1R9s6 {
- border-radius: 8px;
- background-color: var(--white-double);
- padding-bottom: 0;
- bottom: 10px;
- }
- #app-mount .jumpToPresentBar-G1R9s6:hover {
- background-color: var(--white-triple);
- }
- #app-mount .cozy-3raOZG .header-23xsNx {
- margin-left: 0;
- padding-left: 0;
- }
- #app-mount .message-2qRu38 {
- background: transparent;
- box-shadow: none;
- }
- #app-mount .message-2qnXI6 {
- background: transparent !important;
- }
- #app-mount .message-2qnXI6 .reaction-1hd86g {
- background: var(--white);
- }
- #app-mount .message-2qnXI6 .reaction-1hd86g.reactionMe-wv5HKu {
- background: var(--gradient);
- }
- #app-mount .message-2qnXI6 .reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV {
- color: var(--text-normal);
- }
- #app-mount .message-2qnXI6 .wrapper-2aW0bm {
- background: var(--background-secondary);
- }
- #app-mount .message-2qnXI6 .attachment-33OFj0,
- #app-mount .message-2qnXI6 .wrapperAudio-1jDe0Q,
- #app-mount .message-2qnXI6 code {
- background-color: var(--chat-embed);
- border: none;
- }
- #app-mount .message-2qnXI6 .embedFull-2tM8-- {
- background-color: var(--chat-embed);
- }
- #app-mount .hljs {
- color: var(--text-default);
- }
- #app-mount .mentioned-xhSam7 {
- background: var(--gradient-20) !important;
- }
- #app-mount .mentioned-xhSam7:before {
- background: var(--gradient);
- }
- #app-mount .wrapper-3WhCwL {
- background: var(--gradient);
- color: var(--text-normal);
- }
- #app-mount .form-2fGMdU {
- margin-top: 0;
- }
- #app-mount .form-2fGMdU .attachButton-2WznTc {
- padding: 10px;
- }
- #app-mount .form-2fGMdU .placeholder-37qJjk,
- #app-mount .form-2fGMdU .slateTextArea-1Mkdgw {
- padding-left: 5px;
- }
- #app-mount .form-2fGMdU .buttonWrapper-1ZmCpA.button-38aScr.lookBlank-3eh9lL.colorBrand-3pXr91.grow-q77ONN.noFocus-2C7BQj {
- display: var(--show-gift-gif-buttons);
- }
- #app-mount .divider-JfaTT5 {
- border: none;
- }
- #app-mount .divider-JfaTT5 .content-1o0f9g {
- display: flex;
- width: 100%;
- justify-content: center;
- align-items: center;
- color: var(--text-muted);
- }
- #app-mount .divider-JfaTT5 .content-1o0f9g:before, #app-mount .divider-JfaTT5 .content-1o0f9g:after {
- content: "";
- flex: 1;
- height: 1px;
- display: block;
- background: var(--background-modifier-accent);
- }
- #app-mount .divider-JfaTT5 .content-1o0f9g:before {
- margin-right: 10px;
- }
- #app-mount .divider-JfaTT5 .content-1o0f9g:after {
- margin-left: 10px;
- }
- #app-mount .divider-JfaTT5.isUnread-3Ef-o9 {
- border-top: 1px solid rgb(var(--discord-red));
- }
- #app-mount .wrapper-2qzCYF.minimum-28Z35l {
- background: var(--background-secondary);
- }
- #app-mount .centerButton-3CaNcJ {
- background: var(--white);
- }
- #app-mount .centerButton-3CaNcJ:hover {
- background: var(--white-double);
- }
- #app-mount .controlButton-2MhVEL.leaveButton-2YnTyt {
- background: rgba(var(--discord-red), 0.5);
- }
- #app-mount .controlButton-2MhVEL.leaveButton-2YnTyt:hover {
- background: rgb(var(--discord-red));
- }
- #app-mount .quickSelect-3BxO0K {
- margin-top: 10px;
- }
- #app-mount .members-1998pB {
- background-color: rgba(0, 0, 0, var(--right-brightness));
- }
- #app-mount .members-1998pB > div {
- background: transparent;
- }
- #app-mount .member-3-YXUe.selected-aXhQR6 .layout-2DM8Md {
- background: var(--gradient);
- }
- #app-mount .member-3-YXUe.selected-aXhQR6 .roleColor-rz2vM0 {
- color: var(--text-normal) !important;
- }
- #app-mount .member-3-YXUe.selected-aXhQR6 .botTagRegular-2HEhHi {
- background: var(--text-normal);
- color: rgb(var(--gradient-primary));
- margin-top: 0;
- }
- #app-mount .member-3-YXUe.selected-aXhQR6 .botText-1526X_ {
- font-weight: 900;
- }
- #app-mount .member-3-YXUe.selected-aXhQR6 .premiumIcon-1rDbWQ {
- color: var(--text-normal);
- }
- .colorDefault-2K3EoJ.focused-3afm-j,
- .colorDefault-2K3EoJ:hover:not(.hideInteraction-1iHO1O) {
- background: var(--white);
- }
- #app-mount .userPopout-3XzG_A {
- box-shadow: none;
- overflow: hidden;
- opacity: 0;
- animation: fadeIn 0.3s ease forwards;
- }
- #app-mount .userPopout-3XzG_A .headerNormal-T_seeN {
- background: transparent;
- }
- #app-mount .userPopout-3XzG_A .headerPlaying-j0WQBV {
- background: var(--gradient-50);
- }
- #app-mount .userPopout-3XzG_A .headerXbox-3G-4PF {
- background: rgba(var(--discord-xbox), 0.3);
- }
- #app-mount .userPopout-3XzG_A .headerSpotify-zpWxgT {
- background: rgba(var(--discord-spotify), 0.3);
- }
- #app-mount .userPopout-3XzG_A .headerStreaming-2FjmGz {
- background: rgba(var(--discord-twitch), 0.3);
- }
- #app-mount .userPopout-3XzG_A .wrapper-3t9DeA::after {
- border-radius: 3px;
- }
- #app-mount .userPopout-3XzG_A .activityName-1IaRLn,
- #app-mount .userPopout-3XzG_A .headerTag-2pZJzA,
- #app-mount .userPopout-3XzG_A .nameNormal-2lqVQK,
- #app-mount .userPopout-3XzG_A .nameWrap-3Z4G_9,
- #app-mount .userPopout-3XzG_A .textRow-19NEd_ {
- color: var(--text-normal);
- }
- #app-mount .userPopout-3XzG_A .body-3iLsc4 {
- background: transparent;
- }
- #app-mount .userPopout-3XzG_A .role-2irmRk {
- height: auto;
- position: relative;
- overflow: hidden;
- color: var(--text-normal);
- }
- #app-mount .userPopout-3XzG_A .roleCircle-3xAZ1j::after {
- content: "";
- position: absolute;
- height: 24px;
- width: 100%;
- left: 0;
- top: 50%;
- transform: translateY(-50%);
- background: inherit;
- opacity: 0.2;
- z-index: -1;
- }
- #app-mount .userPopout-3XzG_A .footer-1fjuF6 {
- background: transparent;
- border: none;
- }
- #app-mount .userPopout-3XzG_A .quickMessage-1yeL4E {
- background: var(--background-secondary);
- border: none;
- color: var(--text-normal);
- }
- #app-mount .userPopout-3XzG_A .quickMessage-1yeL4E::placeholder {
- color: rgba(255, 255, 255, 0.3);
- }
- #app-mount .userPopout-3XzG_A .protip-YaFfgO {
- display: none;
- }
- #app-mount [role=menu] {
- box-shadow: none;
- animation: fadeIn 0.3s ease forwards;
- }
- #app-mount .focused-3afm-j .check-1JyqgN {
- color: #fff;
- }
- #app-mount .button-F9qN4n {
- background: var(--white);
- }
- #app-mount .button-F9qN4n.focused-3ZzkKr {
- background: var(--white-double);
- box-shadow: 0 0 0 2px rgb(var(--gradient-primary));
- }
- #app-mount .drawerSizingWrapper-27qFHb {
- right: 0;
- position: absolute !important;
- }
- #app-mount .drawerSizingWrapper-27qFHb .nav-2KnmHb {
- position: absolute;
- padding: 0 0 0 13px;
- top: 16px;
- z-index: 999;
- }
- #app-mount .drawerSizingWrapper-27qFHb [class*=searchBar] {
- background: var(--background-secondary);
- margin-left: 105px;
- }
- #app-mount .drawerSizingWrapper-27qFHb .contentWrapper-2txmjs {
- display: grid;
- grid-template-rows: auto;
- background: transparent;
- }
- #app-mount .drawerSizingWrapper-27qFHb [aria-selected=true] .navButton-3Mnpqt {
- background: var(--gradient);
- }
- #app-mount .drawerSizingWrapper-27qFHb .navButton-3Mnpqt {
- background: var(--white);
- padding: 6px 5px 7px;
- }
- #app-mount .drawerSizingWrapper-27qFHb .categoryFadeBlurple-1j72_A {
- background: var(--gradient-90);
- }
- #app-mount .drawerSizingWrapper-27qFHb .focused-1En8bG:after,
- #app-mount .drawerSizingWrapper-27qFHb .result-3w1ZcL:hover:after {
- box-shadow: inset 0 0 0 2px rgb(var(--gradient-primary));
- }
- #app-mount .drawerSizingWrapper-27qFHb .result-3w1ZcL {
- background-color: var(--white) !important;
- }
- #app-mount .drawerSizingWrapper-27qFHb .emojiItemSelected-1aLkfV {
- background: var(--white-double);
- }
- #app-mount .drawerSizingWrapper-27qFHb .categoryWrapper-UZ5YNj {
- background: var(--background-secondary);
- }
- #app-mount .drawerSizingWrapper-27qFHb .category-3Xkx2x {
- color: var(--text-normal);
- }
- .emojiPicker-3PwZFl {
- box-shadow: none;
- background: transparent;
- animation: fadeIn 0.3s ease forwards;
- }
- .emojiPicker-3PwZFl [class*=header] {
- box-shadow: none;
- }
- .emojiPicker-3PwZFl .searchBar-5di9mG {
- background: var(--background-secondary);
- }
- #app-mount #guild-header-popout .item-1tOPte.colorPremium-p4p7qO {
- color: rgb(var(--discord-nitro));
- }
- #app-mount #guild-header-popout .item-1tOPte.colorPremium-p4p7qO .icon-LYJorE {
- color: rgb(var(--discord-nitro));
- }
- #app-mount #guild-header-popout .item-1tOPte.colorBrand-ROmMP1 {
- color: rgb(var(--discord-blurple));
- }
- #app-mount #guild-header-popout .item-1tOPte.colorBrand-ROmMP1 .icon-LYJorE {
- color: rgb(var(--discord-blurple));
- }
- #app-mount #guild-header-popout .item-1tOPte.colorDanger-2qLCe1 {
- color: rgb(var(--discord-red));
- }
- #app-mount #guild-header-popout .item-1tOPte.colorDanger-2qLCe1 .icon-LYJorE {
- color: rgb(var(--discord-red));
- }
- #app-mount .container-3ayLPN {
- background: transparent;
- box-shadow: none;
- }
- #app-mount .container-3ayLPN .displayedNick-3xxvzU,
- #app-mount .container-3ayLPN .filter-3Y_im-,
- #app-mount .container-3ayLPN .header-2N-gMV {
- color: var(--text-normal);
- }
- #app-mount .container-3ayLPN .answer-1n6g43,
- #app-mount .container-3ayLPN .displayUsername-Qekxml {
- color: var(--text-muted);
- }
- #app-mount .container-3ayLPN .option-96V44q .plusIcon-v0BTrL {
- color: var(--text-normal);
- }
- #app-mount .container-3ayLPN .option-96V44q.selected-rZcOL- {
- background: var(--white);
- }
- #app-mount .container-3ayLPN .option-96V44q.selected-rZcOL-:after {
- background: linear-gradient(90deg, transparent, var(--white-double));
- }
- #app-mount .container-3ayLPN .option-96V44q:after {
- background: transparent;
- }
- #app-mount .container-3ayLPN .react-datepicker,
- #app-mount .container-3ayLPN .react-datepicker__header {
- background: transparent;
- }
- #app-mount .container-3ayLPN .react-datepicker__month {
- background: var(--background-secondary);
- border-radius: 3px;
- }
- #app-mount .container-3ayLPN .react-datepicker__day {
- border-color: var(--white);
- background: var(--white);
- }
- #app-mount .container-3ayLPN .react-datepicker__day--selected:after {
- background: var(--gradient);
- }
- #app-mount .container-3ayLPN .react-datepicker__day--disabled,
- #app-mount .container-3ayLPN .react-datepicker__day--outside-month {
- background: transparent;
- }
- #app-mount .searchAnswer-3Dz2-q {
- background: var(--white);
- margin-left: 0;
- }
- #app-mount .searchFilter-2ESiM3 {
- background: var(--white);
- }
- #app-mount .autocomplete-1vrmpx {
- box-shadow: none;
- }
- #app-mount .autocomplete-1vrmpx .selectorSelected-1_M1WV {
- background: var(--white);
- }
- #app-mount .autocomplete-1vrmpx .divider-23swzi {
- background-color: var(--white);
- }
- #app-mount .autocomplete-1vrmpx .description-11DmNu,
- #app-mount .autocomplete-1vrmpx .descriptionUsername-J_75O8 {
- color: var(--text-normal);
- }
- #app-mount .autocomplete-1vrmpx .descriptionDiscriminator-3vUOCc {
- color: var(--text-muted);
- }
- #app-mount .messagesPopoutWrap-1MQ1bW {
- box-shadow: none;
- }
- #app-mount .container-enaOkj {
- background: var(--background-secondary);
- margin: 0 10px 10px;
- border-radius: 3px;
- padding: 0;
- overflow: hidden;
- }
- #app-mount .channelHeader-3Gd2xq {
- background: transparent;
- padding: 15px 15px 0;
- height: auto;
- position: static;
- }
- #app-mount .channelHeader-3Gd2xq .tertiary-aMXF0g,
- #app-mount .channelHeader-3Gd2xq .item-PXvHYJ.selected-3s45Ha {
- background: var(--white);
- }
- #app-mount .channelHeader-3Gd2xq .tertiary-aMXF0g:hover,
- #app-mount .channelHeader-3Gd2xq .item-PXvHYJ.selected-3s45Ha:hover {
- background: var(--white-double);
- }
- #app-mount .container-3iAQ-0 {
- margin: 0 16px 16px;
- padding: 0;
- border-radius: 3px;
- box-sizing: border-box;
- background: var(--white);
- }
- #app-mount .messageContainer-gbhlwo {
- padding: 15px 15px 15px 0;
- box-sizing: border-box;
- }
- #app-mount .container-3XJ8ns .container-cMG81i {
- background: var(--white);
- }
- #app-mount .modal-3c3bKg {
- transform: scale(1) translateZ(0px) !important;
- animation: fadeInTop 0.3s ease forwards !important;
- }
- #app-mount .modal-yWgWj- {
- background-color: transparent;
- box-shadow: none;
- }
- #app-mount .modal-yWgWj- .cardWarning-2yPNAa {
- background-color: rgba(var(--discord-yellow), 0.2);
- border: 2px solid rgb(var(--discord-yellow));
- }
- #app-mount .modal-yWgWj- .footer-3rDWdC {
- box-shadow: none;
- background: var(--background-secondary);
- }
- #app-mount .footer-2gL1pp {
- background: var(--background-secondary);
- box-shadow: none;
- }
- #app-mount .root-SR8cQa {
- background: transparent;
- }
- #app-mount .root-SR8cQa .topSectionNormal-2-vo2m {
- background: var(--background-secondary);
- }
- #app-mount .root-SR8cQa .topSectionSpotify-1lI0-P {
- background: rgba(var(--discord-spotify), 0.3);
- }
- #app-mount .root-SR8cQa .topSectionPlaying-1J5E4n {
- background: var(--gradient-50);
- }
- #app-mount .root-SR8cQa .topSectionStreaming-1Tpf5X {
- background: rgba(var(--discord-twitch), 0.3);
- }
- #app-mount .root-SR8cQa .topSectionXbox-3fWLjS {
- background: rgba(var(--discord-xbox), 0.3);
- }
- #app-mount .root-SR8cQa .svg-2V3M55 {
- z-index: 1;
- }
- #app-mount .root-SR8cQa .body-3ND3kc {
- background: transparent;
- }
- #app-mount .root-SR8cQa .tabBarContainer-1s1u-z {
- border: none;
- }
- #app-mount .root-SR8cQa .userInfoSection-2acyCx {
- border: none;
- }
- #app-mount .root-SR8cQa .connectedAccount-36nQx7 {
- background: var(--background-secondary);
- border: none;
- }
- #app-mount .uploadModal-2ifh8j {
- position: relative;
- box-shadow: none;
- }
- #app-mount .uploadModal-2ifh8j .inner-3nWsbo {
- margin: 0;
- position: relative;
- z-index: 2;
- }
- #app-mount .uploadModal-2ifh8j .footer-3mqk7D {
- background: transparent;
- box-shadow: none;
- position: relative;
- z-index: 2;
- }
- #app-mount .uploadModal-2ifh8j:before {
- content: "";
- position: absolute;
- background: var(--popout-modal-image) center/cover fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 0;
- pointer-events: none;
- border-radius: 5px;
- }
- #app-mount .uploadModal-2ifh8j:after {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border-radius: 3px;
- background: rgba(0, 0, 0, var(--popout-modal-brightness));
- box-shadow: var(--tint);
- z-index: 1;
- -webkit-backdrop-filter: blur(var(--popout-modal-blur));
- backdrop-filter: blur(var(--popout-modal-blur));
- }
- #app-mount .root-1gCeng {
- box-shadow: none;
- background: transparent;
- }
- #app-mount .root-1gCeng .colorHeaderPrimary-26Jzh- {
- color: #fff;
- }
- #app-mount .root-1gCeng .colorHeaderSecondary-3Sp3Ft {
- color: #ddd;
- }
- #app-mount .root-1gCeng .container-UC8Ug1,
- #app-mount .root-1gCeng .lookFilled-1Gx00P.colorGrey-2DXtkV {
- background: rgba(255, 255, 255, 0.1);
- }
- #app-mount .root-1gCeng .container-UC8Ug1:hover,
- #app-mount .root-1gCeng .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
- background: rgba(255, 255, 255, 0.15);
- }
- #app-mount .root-1gCeng .colorStandard-2KCXvj {
- color: #fff;
- }
- #app-mount .root-1gCeng .footer-2gL1pp {
- background: rgba(0, 0, 0, 0.2);
- }
- #app-mount .root-1gCeng .backButton-iA7KIs {
- color: #ddd;
- }
- #app-mount .root-1gCeng .backButton-iA7KIs:hover {
- color: #fff;
- }
- #app-mount .root-1gCeng .input--jS-j2 {
- background: transparent;
- }
- #app-mount .root-1gCeng .input-cIJ7To {
- background: rgba(255, 255, 255, 0.1);
- color: #fff;
- }
- #app-mount .root-1gCeng .sampleLink-2NLvZg {
- color: #ddd;
- }
- #app-mount .quickswitcher-3JagVE {
- box-shadow: none;
- padding: 20px;
- }
- #app-mount .quickswitcher-3JagVE .scrollerOuter-3FLELE {
- margin-top: 10px;
- margin-right: 0;
- border-radius: 3px;
- }
- #app-mount .quickswitcher-3JagVE .scroller-zPkAnE {
- padding: 10px 5px 10px 10px;
- box-sizing: border-box;
- }
- #app-mount .quickswitcher-3JagVE .scroller-zPkAnE > div[style*="width: 100%;"] {
- display: none;
- }
- #app-mount .quickswitcher-3JagVE .protip-1b9XPC {
- display: none;
- }
- #app-mount .modalRoot-1Kx4Hb .header-1TKi98 {
- padding-top: 150px;
- }
- #app-mount .modalRoot-1Kx4Hb .art-347BZj {
- position: absolute;
- transform: translate(-50%, 20px);
- width: 150px;
- }
- #app-mount .modalRoot-1Kx4Hb .header-3C6qT5 {
- padding-top: 0;
- }
- #app-mount .image-2LqJex {
- filter: grayscale(1);
- opacity: 0.5;
- }
- #app-mount .content-98HsJk .discoverHeader-1TWTqG {
- margin: 0 0 10px;
- height: 48px;
- display: flex;
- align-items: center;
- padding-left: 10px;
- }
- #app-mount .content-98HsJk .categoryItem-3zFJns.selected-aXhQR6 .itemInner-3gVXMG {
- background: var(--gradient);
- }
- #app-mount .content-98HsJk .pageWrapper-1PgVDX {
- background: rgba(0, 0, 0, var(--middle-brightness));
- }
- #app-mount .content-98HsJk .pageWrapper-1PgVDX .scrollerWrap-2lJEkd {
- margin-top: 48px;
- margin-bottom: 48px;
- }
- #app-mount .content-98HsJk .card-3DjzTQ {
- background: var(--background-secondary);
- }
- #app-mount .content-98HsJk .card-3DjzTQ:hover {
- box-shadow: none;
- }
- #app-mount .content-98HsJk .footer-2jdoRS {
- opacity: 0;
- pointer-events: none;
- }
- #app-mount .container-1D34oG {
- background: rgba(0, 0, 0, var(--middle-brightness));
- }
- #app-mount .container-1D34oG .inset-3sAvek {
- background-color: var(--background-secondary);
- }
- #app-mount .container-1D34oG .itemCard-v9viV7:hover {
- background: var(--white);
- }
- #app-mount .container-1D34oG .nowPlayingColumn-2sl4cE {
- background: rgba(0, 0, 0, var(--right-brightness));
- }
- #app-mount .perksModal-fSYqOq {
- background-color: rgba(0, 0, 0, var(--middle-brightness));
- background-image: none;
- margin: var(--window-padding);
- border-radius: var(--window-roundness);
- }
- #app-mount .tierWrapper-W9ajqp {
- box-shadow: none !important;
- }
- #app-mount .ctaBar-2UsjF2,
- #app-mount .tier-12tKuZ {
- background: var(--background-secondary);
- }
- #app-mount .tierHeader---JJFb {
- background-color: var(--background-secondary);
- color: var(--text-normal);
- }
- #app-mount .tierLock-3CSxSX {
- color: var(--text-normal);
- }
- #app-mount .tierBody-16Chc9 {
- background: transparent;
- }
- #app-mount .perk-2WeBWW {
- background-color: var(--background-secondary);
- }
- #app-mount .applicationStore-1pNvnv {
- background: rgba(0, 0, 0, var(--middle-brightness));
- }
- #app-mount [aria-label*=SETTINGS] .sidebarRegionScroller-3MXcoP {
- background-color: rgba(0, 0, 0, var(--left-brightness));
- }
- #app-mount [aria-label*=SETTINGS] .contentRegionScroller-26nc1e {
- background-color: rgba(0, 0, 0, var(--middle-brightness));
- }
- #app-mount [aria-label*=SETTINGS] .multiInput-1e2xJ7 .input-cIJ7To {
- background: transparent;
- }
- #app-mount [aria-label*=SETTINGS] .description-3_Ncsb,
- #app-mount [aria-label*=SETTINGS] .h5-18_1nd:not(.isEnabled-24g9qA),
- #app-mount [aria-label*=SETTINGS] .labelDescriptor-1PqHgD,
- #app-mount [aria-label*=SETTINGS] .viewBody-2Qz-jg {
- color: var(--text-normal);
- }
- #app-mount #user-settings .authedApp-mj2Hmd {
- background: var(--background-secondary);
- }
- #app-mount #user-settings .connection-1fbD7X {
- position: relative;
- overflow: hidden;
- background-color: transparent !important;
- box-shadow: none;
- }
- #app-mount #user-settings .connection-1fbD7X[style*="rgb(0, 154, 229)"] {
- background: rgba(0, 154, 229, 0.2) !important;
- }
- #app-mount #user-settings .connection-1fbD7X[style*="rgb(2, 31, 37)"] {
- background: rgba(2, 31, 37, 0.3) !important;
- }
- #app-mount #user-settings .connection-1fbD7X[style*="rgb(255, 69, 0)"] {
- background: rgba(255, 69, 0, 0.2) !important;
- }
- #app-mount #user-settings .connection-1fbD7X[style*="rgb(29, 185, 84)"] {
- background: rgba(29, 185, 84, 0.2) !important;
- }
- #app-mount #user-settings .connection-1fbD7X[style*="rgb(24, 35, 50)"] {
- background: rgba(24, 35, 50, 0.4) !important;
- }
- #app-mount #user-settings .connection-1fbD7X[style*="rgb(89, 54, 149)"] {
- background: rgba(89, 54, 149, 0.3) !important;
- }
- #app-mount #user-settings .connection-1fbD7X .integration-3kMeY4 {
- background: var(--white);
- border: none;
- }
- #app-mount #user-settings .connection-1fbD7X[style*="rgb(29, 161, 242)"] {
- background: rgba(29, 161, 242, 0.2) !important;
- }
- #app-mount #user-settings .connection-1fbD7X[style*="rgb(203, 33, 32)"] {
- background: rgba(203, 33, 32, 0.2) !important;
- }
- #app-mount #user-settings .connectionHeader-2MDqhu {
- background: transparent;
- border: none;
- margin-bottom: 0;
- }
- #app-mount #user-settings .connectionDelete-2Odoln {
- border: none;
- background: var(--white);
- transition: 0.2s ease;
- }
- #app-mount #user-settings .connectionDelete-2Odoln:after, #app-mount #user-settings .connectionDelete-2Odoln:before {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 2px;
- height: 16px;
- }
- #app-mount #user-settings .connectionDelete-2Odoln:before {
- transform: translate(-50%, -50%) rotate(45deg);
- }
- #app-mount #user-settings .connectionDelete-2Odoln:after {
- transform: translate(-50%, -50%) rotate(-45deg);
- }
- #app-mount #user-settings .connectionDelete-2Odoln span {
- display: none;
- }
- #app-mount #user-settings .connectionDelete-2Odoln:hover {
- background: var(--white-double);
- }
- #app-mount #user-settings .connectionDelete-2Odoln:active {
- background: var(--white-triple);
- }
- #app-mount #user-settings .card-FDVird:before {
- border-color: transparent;
- background: var(--white);
- }
- #app-mount #user-settings .game-1ipmAa {
- box-shadow: 0 1px 0 0 var(--background-modifier-accent);
- }
- #app-mount #user-settings .item-3eFBNF {
- box-shadow: inset 0 -1px 0 0 var(--background-modifier-accent);
- }
- #app-mount .info-1VyQPT .colorMuted-HdFt4q:first-child:before {
- content: var(--version);
- display: block;
- }
- #app-mount #bd-settingspane-container h3 {
- color: var(--text-normal);
- }
- #app-mount #bd-settingspane-container .style-description {
- color: var(--text-default);
- border-color: var(--background-modifier-accent);
- }
- #app-mount .bd-addon-card {
- background: var(--background-secondary);
- border-color: transparent;
- }
- #app-mount .bd-addon-header {
- border: none;
- padding: 0;
- }
- #app-mount .bd-addon-description {
- margin: 0;
- padding: 10px 0;
- color: var(--text-normal);
- }
- #app-mount .bd-card-footer {
- border: none;
- padding: 10px 0 7px;
- }
- #app-mount .bd-card-footer button {
- background: var(--gradient);
- }
- #app-mount .bd-addon-links {
- font-size: 0;
- }
- #app-mount .bda-link {
- font-size: 10px;
- margin-right: 10px;
- background: var(--white);
- padding: 5px 10px;
- border-radius: 50px;
- cursor: pointer;
- color: var(--text-normal);
- text-decoration: none;
- transition: 0.2s ease;
- }
- #app-mount .bda-link:hover {
- background: var(--white-double);
- }
- #app-mount .bda-link:active {
- background: var(--white-triple);
- }
- #app-mount #bd-settings-sidebar .ui-tab-bar-item {
- color: var(--text-muted);
- }
- #app-mount #bd-settings-sidebar .ui-tab-bar-item:hover {
- color: var(--text-normal);
- background-color: var(--background-modifier-hover);
- }
- #app-mount #bd-settings-sidebar .ui-tab-bar-item.selected {
- background: var(--background-modifier-selected);
- color: var(--text-normal);
- }
- #app-mount .editor-wrapper {
- background: var(--background-secondary);
- }
- #app-mount #bd-customcss-detach-container {
- background: var(--background-secondary);
- overflow: hidden;
- }
- #app-mount #bd-customcss-detach-container .editor-wrapper {
- height: calc(100% + 41px);
- }
- #app-mount.bd-detached-editor .winButton-iRh8-Z {
- right: calc(30% + 20px) !important;
- }
- #app-mount #bd-customcss-attach-controls {
- height: auto;
- }
- #app-mount .ace_active-line,
- #app-mount .ace_gutter-active-line,
- #app-mount .ace_selection {
- background: var(--white-double);
- }
- #app-mount .ace_editor {
- background-color: transparent;
- }
- #app-mount .ace_gutter {
- background: var(--background-secondary);
- }
- #app-mount .help-text,
- #app-mount span[style="font-size: 10px; margin-left: 5px;"] {
- display: none;
- }
- #app-mount #bd-customcss-attach-controls {
- background: var(--background-secondary);
- box-shadow: inset 0 0 0 100vmax var(--background-secondary);
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 10px;
- box-sizing: border-box;
- }
- #app-mount #bd-customcss-attach-controls .checkbox-group li {
- margin-top: 0;
- }
- #app-mount #bd-customcss-attach-controls button {
- margin: 0 0 0 10px;
- border-radius: 3px !important;
- border: none !important;
- background: var(--white);
- color: var(--text-normal);
- transition: 0.2s ease;
- }
- #app-mount #bd-customcss-attach-controls button:active, #app-mount #bd-customcss-attach-controls button:hover {
- background: var(--white-double);
- }
- html.platform-win .scroller-2TZvBN {
- padding-top: 10px;
- }
- html.platform-osx .macButtons-2MuSAC {
- position: absolute;
- top: var(--window-padding);
- left: var(--window-padding);
- background: rgba(0, 0, 0, var(--serverlist-brightness));
- width: 72px;
- border-top-left-radius: var(--window-roundness);
- }
- html.platform-osx .wrapper-1Rf91z {
- margin-top: 30px;
- }
- html.platform-osx .scroller-2TZvBN {
- padding-top: 15px;
- }
- #app-mount .xenoLib-notifications {
- padding: calc(var(--window-padding) * 2 + 48px) calc(var(--window-padding) * 2) calc(var(--window-padding) * 2) calc(var(--window-padding) * 2);
- box-sizing: border-box;
- }
- #app-mount .xenoLib-notification:not(:only-child) {
- margin-bottom: 15px;
- }
- #app-mount .xenoLib-notification-content-wrapper {
- padding: 0;
- box-sizing: border-box;
- z-index: 10;
- }
- @keyframes fadeIn {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
- }
- @keyframes fadeInTop {
- from {
- opacity: 0;
- transform: translateY(-10px);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement