Compare commits

..

No commits in common. "8a80b2edaa92d60f6053ab82fcb3fc19713eb12a" and "09685349830d245594c070185680889fbcbbe396" have entirely different histories.

65 changed files with 4696 additions and 6103 deletions

View file

@ -1,37 +1,37 @@
[class*="botTag_"] { [class*="botTag-"] {
font-size: 0%; font-size: 0%;
padding: 0 !important; padding: 0 !important;
background: none !important; background: none !important;
} }
[class*="botTag_"]:not([class*="botTagCompact_"]) { [class*="botTag-"]:not([class*="botTagCompact-"]) {
margin-left: 6px; margin-left: 6px;
} }
[class*="botTag_"] [class*="botText_"] { [class*="botTag-"] [class*="botText-"] {
font-size: 0; font-size: 0;
display: none; display: none;
} }
:not([class^="repliedMessage_"]) [class*="botTagCompact_"] { :not([class^="repliedMessage-"]) [class*="botTagCompact-"] {
margin-right: -6px !important; margin-right: -6px !important;
} }
[class^="repliedMessage_"] [class*="botTagCompact_"] { [class^="repliedMessage-"] [class*="botTagCompact-"] {
margin-right: 4px !important; margin-right: 4px !important;
margin-left: 4px !important; margin-left: 4px !important;
} }
[class*="botTag_"] svg[class^="botTagVerified_"] { [class*="botTag-"] svg[class^="botTagVerified-"] {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABlSURBVDhPzY5RCsAwCEM9+m6+TYsj2ujaj8EePGitCZXfchKXGMsHcaGIB7NNCQ/cOnYvCqYQ6jwzUhICqBPmnxY4+Rx8+0EG30xSoIQlB2dmEVbmZWZToIyFOtiGEQxsBTcRuQCANOfCY5uAHgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABlSURBVDhPzY5RCsAwCEM9+m6+TYsj2ujaj8EePGitCZXfchKXGMsHcaGIB7NNCQ/cOnYvCqYQ6jwzUhICqBPmnxY4+Rx8+0EG30xSoIQlB2dmEVbmZWZToIyFOtiGEQxsBTcRuQCANOfCY5uAHgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
} }
[class*="botTag_"] svg[class^="botTagVerified_"] > path { [class*="botTag-"] svg[class^="botTagVerified-"] > path {
display: none; display: none;
} }
[class*="botTag_"]:after { [class*="botTag-"]:after {
visibility: visible; visibility: visible;
content: ""; content: "";
width: 16px; width: 16px;
@ -44,14 +44,14 @@
background-size: 16px 16px; background-size: 16px 16px;
} }
[class*="message_"] [class*="botTag_"]:after { [class*="message-"] [class*="botTag-"]:after {
top: 4px !important; top: 4px !important;
} }
[class*="message_"][class*="compact_"] [class*="botTag_"]:after { [class*="message-"][class*="compact-"] [class*="botTag-"]:after {
top: 3px !important; top: 3px !important;
} }
[class^="repliedMessage_"] [class*="botTagCompact_"]:after { [class^="repliedMessage-"] [class*="botTagCompact-"]:after {
top: 1px !important; top: 1px !important;
} }

View file

@ -1,4 +1,4 @@
span[data-slate-leaf="true"][class*="italics_"], span[data-slate-leaf="true"][class*="italics-"],
em { em {
font-style: normal; font-style: normal;
display: inline-block; display: inline-block;
@ -6,10 +6,8 @@ em {
color: #f80; color: #f80;
} }
span[data-slate-leaf="true"][class*="bold_"], span[data-slate-leaf="true"][class*="bold-"],
strong { strong {
font-weight: 400; font-weight: 400;
text-shadow: text-shadow: 0.1px 0.1px, -0.1px -0.1px;
0.1px 0.1px,
-0.1px -0.1px;
} }

View file

@ -1,4 +1,4 @@
span[data-slate-leaf="true"][class*="italics_"], span[data-slate-leaf="true"][class*="italics-"],
em { em {
color: #f80; color: #f80;
} }

View file

@ -1,4 +1,4 @@
span[data-slate-leaf="true"][class*="italics_"], span[data-slate-leaf="true"][class*="italics-"],
em { em {
font-style: normal; font-style: normal;
display: inline-block; display: inline-block;

View file

@ -16,59 +16,59 @@
/* most of them are probably now-redundant color fixes */ /* most of them are probably now-redundant color fixes */
/* others are things i dont feel like need a toggle at the current moment */ /* others are things i dont feel like need a toggle at the current moment */
[class^="container_"] > [class^="slider_"] > svg { [class^="container-"] > [class^="slider-"] > svg {
display: none; display: none;
} }
[class*="unreadBar_"] { [class*="unreadBar-"] {
margin: 4px; margin: 4px;
border-radius: 4px !important; border-radius: 4px !important;
} }
[class^="modalTextContainer_"] { [class^="modalTextContainer-"] {
overflow: scroll !important; overflow: scroll !important;
} }
[class^="content_"] > [class^="sidebar_"] { [class^="content-"] > [class^="sidebar-"] {
border-radius: 0; border-radius: 0;
} }
.platform-osx [class*="guilds_"] > ul > [class^="scroller_"] { .platform-osx [class*="guilds-"] > ul > [class^="scroller-"] {
padding-top: 4px; padding-top: 4px;
} }
[class^="slider_"] { [class^="slider-"] {
padding-top: 0 !important; padding-top: 0 !important;
} }
.platform-win .platform-win
nav[class*="guilds_"] nav[class*="guilds-"]
> ul[class^="tree_"] > ul[class^="tree-"]
> [class^="scroller_"] { > [class^="scroller-"] {
padding-top: 12px !important; padding-top: 12px !important;
} }
[class*="timestampVisibleOnHover_"] { [class*="timestampVisibleOnHover-"] {
opacity: 1 !important; opacity: 1 !important;
} }
[class^="message_"][class*="compact_"] { [class^="message-"][class*="compact-"] {
padding-top: 0 !important; padding-top: 0 !important;
padding-bottom: 0 !important; padding-bottom: 0 !important;
} }
[class*="progressBarHeader_"] > [class^="container_"], [class*="progressBarHeader-"] > [class^="container-"],
[class^="control_"] > [class^="container_"] { [class^="control-"] > [class^="container-"] {
transition: background-color 0.75s linear; transition: background-color 0.75s linear;
} }
[class*="barBase_"] { [class*="barBase-"] {
padding-bottom: 0 !important; padding-bottom: 0 !important;
border-radius: 8px; border-radius: 8px;
margin: 0 4px; margin: 0 4px;
} }
[class^="markdown_"] code { [class^="markdown-"] code {
border-radius: 5%; border-radius: 5%;
} }
.hljs { .hljs {
@ -78,230 +78,229 @@
} }
[id^="message-username-"] [id^="message-username-"]
[class^="badge_"]:has(> [class^="badgeVerifiedIcon_"]) { [class^="badge-"]:has(> [class^="badgeVerifiedIcon-"]) {
display: none; display: none;
} }
/* remove "dead space"/padding from vc users */ /* remove "dead space"/padding from vc users */
[class*="containerDefault_"] [class*="listDefault_"] { [class*="containerDefault-"] [class*="listDefault-"] {
padding-left: 8px !important; padding-left: 8px !important;
} }
[class*="containerDefault_"] [class*="containerDefault-"]
[class*="listDefault_"] [class*="listDefault-"]
[class^="avatarContainer_"] { [class^="avatarContainer-"] {
margin-left: 6px !important; margin-left: 6px !important;
} }
[class*="containerDefault_"] [class*="listDefault_"] > [class^="clickable_"] { [class*="containerDefault-"] [class*="listDefault-"] > [class^="clickable-"] {
padding-left: 0 !important; padding-left: 0 !important;
} }
[class*="containerDefault_"] [class*="containerDefault-"]
[class*="listDefault_"] [class*="listDefault-"]
> [class^="clickable_"] > [class^="clickable-"]
> [class^="content_"] { > [class^="content-"] {
margin-left: 0 !important; margin-left: 0 !important;
} }
[class*="containerDefault_"] [class*="listDefault_"] > [class^="separator_"] { [class*="containerDefault-"] [class*="listDefault-"] > [class^="separator-"] {
width: 100% !important; width: 100% !important;
margin: 3px !important; margin: 3px !important;
} }
/* Change Nickname Modal */ /* Change Nickname Modal */
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"]:not([class*="carouselModal_"]) { > [class*="root-"]:not([class*="carouselModal-"]) {
background-color: var(--background-primary); background-color: var(--background-primary);
} }
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
> form > form
> [class^="flex_"]:nth-child(3), > [class^="flex-"]:nth-child(3),
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
> [class^="flex_"]:nth-child(3) { > [class^="flex-"]:nth-child(3) {
background: var(--background-secondary); background: var(--background-secondary);
} }
/* Delete Modal */ /* Delete Modal */
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
> [class^="content_"] > [class^="content-"]
> [class^="message_"] { > [class^="message-"] {
background-color: var(--background-primary); background-color: var(--background-primary);
} }
/* dropdown menus */ /* dropdown menus */
[class^="css_"][class$="-menu"] { [class^="css-"][class$="-menu"] {
z-index: 9999; z-index: 9999;
background-color: var(--background-secondary); background-color: var(--background-secondary);
border-color: var(--background-primary); border-color: var(--background-primary);
} }
/* listen along */ /* listen along */
[id^="popout_"] [class^="userList_"] { [id^="popout_"] [class^="userList-"] {
border-color: var(--background-primary) !important; border-color: var(--background-primary) !important;
} }
[id^="popout_"] [class^="userList_"] [class^="header_"] { [id^="popout_"] [class^="userList-"] [class^="header-"] {
background-color: var(--background-secondary) !important; background-color: var(--background-secondary) !important;
color: var(--header-primary) !important; color: var(--header-primary) !important;
} }
[id^="popout_"] [class^="userList_"] [class^="content_"] { [id^="popout_"] [class^="userList-"] [class^="content-"] {
background-color: var(--background-primary) !important; background-color: var(--background-primary) !important;
} }
[class*="moreUsers_"] { [class*="moreUsers-"] {
background-color: var(--background-tertiary) !important; background-color: var(--background-tertiary) !important;
} }
/* autocomplete */ /* autocomplete */
[class^="autocomplete_"] { [class^="autocomplete-"] {
border: none !important; border: none !important;
background-color: var(--background-floating) !important; background-color: var(--background-floating) !important;
box-shadow: 0 2px 5px 0 var(--background-secondary) !important; box-shadow: 0 2px 5px 0 var(--background-secondary) !important;
} }
[class^="autocomplete_"] [class*="selectorSelected_"], [class^="autocomplete-"] [class*="selectorSelected-"],
[class^="autocomplete_"] [class*="autocompleteRow_"] [class*="selected_"] { [class^="autocomplete-"] [class*="autocompleteRow-"] [class*="selected-"] {
background-color: var(--background-secondary) !important; background-color: var(--background-secondary) !important;
} }
[class^="autocomplete_"] [class*="categoryHeader_"] { [class^="autocomplete-"] [class*="categoryHeader-"] {
background-color: var(--background-floating) !important; background-color: var(--background-floating) !important;
} }
/* misc color fixes */ /* misc color fixes */
[class^="peopleColumn_"] { [class^="peopleColumn-"] {
background: var(--background-primary); background: var(--background-primary);
} }
[class^="itemCard_"] [class*="inset_"] { [class^="itemCard-"] [class*="inset-"] {
background-color: var(--background-primary) !important; background-color: var(--background-primary) !important;
} }
[class*="outer_"][class*="interactive_"]:hover { [class*="outer-"][class*="interactive-"]:hover {
background-color: var(--background-modifier-hover) !important; background-color: var(--background-modifier-hover) !important;
} }
[class^="base_"] > [class^="content_"] > [class^="container_"] { [class^="base-"] > [class^="content-"] > [class^="container-"] {
background: var(--background-primary); background: var(--background-primary);
} }
[class*="modal_"][class*="root_"] { [class*="modal-"][class*="root-"] {
background-color: var(--background-primary); background-color: var(--background-primary);
box-shadow: box-shadow: var(--deprecated-card-bg) 0px 0px 0px 1px,
var(--deprecated-card-bg) 0px 0px 0px 1px,
rgba(0, 0, 0, 0.2) 0px 2px 10px 0px; rgba(0, 0, 0, 0.2) 0px 2px 10px 0px;
} }
[class^="perksModal_"] { [class^="perksModal-"] {
background-color: var(--background-primary) !important; background-color: var(--background-primary) !important;
} }
[class^="directoryModal_"] { [class^="directoryModal-"] {
background-color: var(--background-primary) !important; background-color: var(--background-primary) !important;
} }
[class^="layerContainer_"] > [class^="layer_"] > [class^="container_"] { [class^="layerContainer-"] > [class^="layer-"] > [class^="container-"] {
background: var(--background-floating); background: var(--background-floating);
} }
[class^="layerContainer_"] [class^="layerContainer-"]
> [class^="layer_"] > [class^="layer-"]
> [class^="container_"] > [class^="container-"]
[class^="option_"]:after { [class^="option-"]:after {
background: transparent; background: transparent;
} }
[class^="layerContainer_"] [class^="layerContainer-"]
> [class^="layer_"] > [class^="layer-"]
> [class^="container_"] > [class^="container-"]
[class^="option_"][class*="selected_"] { [class^="option-"][class*="selected-"] {
background: var(--background-modifier-hover); background: var(--background-modifier-hover);
} }
[class^="chat_"][class*="background_"], [class^="chat-"][class*="background-"],
[class^="title_"][class*="background_"], [class^="title-"][class*="background-"],
[class^="chat_"] > [class^="content_"] > [class^="container_"] { [class^="chat-"] > [class^="content-"] > [class^="container-"] {
background-color: var(--background-tertiary) !important; background-color: var(--background-tertiary) !important;
} }
[class*="headerBarInner_"]:after { [class*="headerBarInner-"]:after {
background: transparent !important; background: transparent !important;
} }
[class^="streamPreview_"] { [class^="streamPreview-"] {
background-color: var(--background-secondary) !important; background-color: var(--background-secondary) !important;
} }
[class^="streamPreview_"] > [class^="previewContainer_"] { [class^="streamPreview-"] > [class^="previewContainer-"] {
background-color: var(--background-primary) !important; background-color: var(--background-primary) !important;
} }
[class*="messageContent_"].deleted-message { [class*="messageContent-"].deleted-message {
color: var(--status-red-500) !important; color: var(--status-red-500) !important;
} }
[class^="layerContainer_"] [class^="layerContainer-"]
[class^="layer_"] [class^="layer-"]
[class^="focusLock_"] [class^="focusLock-"]
[class^="container_"] [class^="container-"]
[class*="footer_"], [class*="footer-"],
[class^="layerContainer_"] [class^="layerContainer-"]
[class^="layer_"] [class^="layer-"]
[class^="focusLock_"] [class^="focusLock-"]
[class*="modalSize_"], [class*="modalSize-"],
[class^="layerContainer_"] [class^="layerContainer-"]
[class^="layer_"] [class^="layer-"]
[class^="focusLock_"] [class^="focusLock-"]
[class*="modalSize_"] [class*="modalSize-"]
[class*="footer_"], [class*="footer-"],
[class^="layerContainer_"] [class^="layerContainer-"]
[class^="layer_"] [class^="layer-"]
[class^="focusLock_"] [class^="focusLock-"]
[class*="modalRoot_"], [class*="modalRoot-"],
[class^="layerContainer_"] [class^="layerContainer-"]
[class^="layer_"] [class^="layer-"]
[class^="focusLock_"] [class^="focusLock-"]
[class*="modalRoot_"] [class*="modalRoot-"]
[class*="footer_"] { [class*="footer-"] {
background-color: var(--background-primary) !important; background-color: var(--background-primary) !important;
} }
[class^="layerContainer_"] [class^="layerContainer-"]
[class^="layer_"] [class^="layer-"]
[class^="focusLock_"] [class^="focusLock-"]
[class^="container_"] [class^="container-"]
[class*="footer_"] { [class*="footer-"] {
box-shadow: none; box-shadow: none;
} }
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
> [class^="scroller_"] { > [class^="scroller-"] {
background: var(--background-secondary); background: var(--background-secondary);
} }
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
[class^="reactors_"] { [class^="reactors-"] {
background-color: var(--background-primary); background-color: var(--background-primary);
} }
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
> [class^="scroller_"] > [class^="scroller-"]
> [class^="reactionSelected_"] { > [class^="reactionSelected-"] {
background-color: var(--background-modifier-active); background-color: var(--background-modifier-active);
} }
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
> [class^="scroller_"] > [class^="scroller-"]
> [class^="reactionDefault_"]:hover { > [class^="reactionDefault-"]:hover {
background-color: var(--background-modifier-hover); background-color: var(--background-modifier-hover);
} }
[class^="contentWarningPopout_"] { [class^="contentWarningPopout-"] {
background: var(--background-primary) !important; background: var(--background-primary) !important;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important;
} }
[class^="customColorPicker_"] { [class^="customColorPicker-"] {
background: var(--background-primary) !important; background: var(--background-primary) !important;
} }
@ -332,14 +331,14 @@
}*/ }*/
/* font fixes */ /* font fixes */
[class^="markdown_"] [class^="codeInline_"], [class^="markdown-"] [class^="codeInline-"],
[class^="codeLine_"], [class^="codeLine-"],
[class^="codeBlockText_"], [class^="codeBlockText-"],
[class^="durationTimeDisplay_"], [class^="durationTimeDisplay-"],
[class^="durationTimeSeparator_"], [class^="durationTimeSeparator-"],
[class*="after_inlineCode_"], [class*="after_inlineCode-"],
[class*="before_inlineCode_"], [class*="before_inlineCode-"],
[class^="inlineCode_"], [class^="inlineCode-"],
code.inline, code.inline,
code, code,
.hljs { .hljs {
@ -358,7 +357,7 @@ code,
} }
/* unbreak resizing webms :^) */ /* unbreak resizing webms :^) */
/*[class^="mediaAttachmentsContainer_"] [class^="imageWrapper_"] { /*[class^="mediaAttachmentsContainer-"] [class^="imageWrapper-"] {
min-width: 10px; min-width: 10px;
min-height: 10px; min-height: 10px;
max-width: unset; max-width: unset;
@ -368,10 +367,10 @@ code,
object-fit: none !important; object-fit: none !important;
aspect-ratio: unset !important; aspect-ratio: unset !important;
} }
[class^="mediaAttachmentsContainer_"] [class^="messageAttachment_"] { [class^="mediaAttachmentsContainer-"] [class^="messageAttachment-"] {
height: unset; height: unset;
} }
[class^="mediaAttachmentsContainer_"] [class^="oneByOneGrid_"], [class^="mediaAttachmentsContainer-"] [class^="oneByOneGrid-"],
[class^="mediaAttachmentsContainer_"] [class^="oneByTwoGrid_"] { [class^="mediaAttachmentsContainer-"] [class^="oneByTwoGrid-"] {
max-height: unset !important; max-height: unset !important;
}*/ }*/

View file

@ -1,91 +1,86 @@
@media (width < 1300px) { @media (width < 1300px) {
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"]:nth-child(2) > [class^="container-"]
> [class^="membersWrap_"], > [class^="membersWrap-"],
[class^="chat_"] > [class^="content_"] > [class^="container_"]:nth-child(2), [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] {
width: 50px !important; width: 50px !important;
min-width: 50px !important; min-width: 50px !important;
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"]:nth-child(2):hover, > [class^="container-"]:hover
[class^="chat_"] > [class^="membersWrap-"],
> [class^="content_"] [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover {
> [class^="container_"]:hover
> [class^="membersWrap_"],
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"]:hover {
width: 240px !important; width: 240px !important;
min-width: 240px !important;
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container"] > [class^="container"]
> [class^="membersWrap_"], > [class^="membersWrap-"],
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] { [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
min-width: 0; min-width: 0;
min-height: 100%; min-height: 100%;
background-color: var(--background-secondary); background-color: var(--background-secondary);
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"], > [class^="members-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"] { > [class^="members-"] {
width: 58px !important; width: 58px !important;
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"]:hover > [class^="container-"]:hover
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"], > [class^="members-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersWrap_"]:hover > [class^="membersWrap-"]:hover
> [class^="members_"] { > [class^="members-"] {
width: 240px !important; width: 240px !important;
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"] > [class^="members-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersGroup_"], > [class^="membersGroup-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"] > [class^="members-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersGroup_"] { > [class^="membersGroup-"] {
height: 0 !important; height: 0;
padding-top: 12px; padding-top: 12px;
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"]:hover > [class^="container-"]:hover
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"] > [class^="members-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersGroup_"], > [class^="membersGroup-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersWrap_"]:hover > [class^="membersWrap-"]:hover
> [class^="members_"] > [class^="members-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersGroup_"] { > [class^="membersGroup-"] {
height: 40px !important; height: 40px;
padding-top: 24px; padding-top: 24px;
} }
} }

View file

@ -1,89 +1,84 @@
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"]:nth-child(2) > [class^="container-"]
> [class^="membersWrap_"], > [class^="membersWrap-"],
[class^="chat_"] > [class^="content_"] > [class^="container_"]:nth-child(2), [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] {
width: 50px !important; width: 50px !important;
min-width: 50px !important; min-width: 50px !important;
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"]:nth-child(2):hover, > [class^="container-"]:hover
[class^="chat_"] > [class^="membersWrap-"],
> [class^="content_"] [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover {
> [class^="container_"]:hover
> [class^="membersWrap_"],
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"]:hover {
width: 240px !important; width: 240px !important;
min-width: 240px !important;
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container"] > [class^="container"]
> [class^="membersWrap_"], > [class^="membersWrap-"],
[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] { [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] {
min-width: 0; min-width: 0;
min-height: 100%; min-height: 100%;
background-color: var(--background-secondary); background-color: var(--background-secondary);
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"], > [class^="members-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"] { > [class^="members-"] {
width: 58px !important; width: 58px !important;
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"]:hover > [class^="container-"]:hover
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"], > [class^="members-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersWrap_"]:hover > [class^="membersWrap-"]:hover
> [class^="members_"] { > [class^="members-"] {
width: 240px !important; width: 240px !important;
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"] > [class^="members-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersGroup_"], > [class^="membersGroup-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"] > [class^="members-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersGroup_"] { > [class^="membersGroup-"] {
height: 0 !important; height: 0;
padding-top: 12px; padding-top: 12px;
} }
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"]:hover > [class^="container-"]:hover
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"] > [class^="members-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersGroup_"], > [class^="membersGroup-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersWrap_"]:hover > [class^="membersWrap-"]:hover
> [class^="members_"] > [class^="members-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersGroup_"] { > [class^="membersGroup-"] {
height: 40px !important; height: 40px;
padding-top: 24px; padding-top: 24px;
} }

View file

@ -1,54 +1,54 @@
div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
width: unset; width: unset;
z-index: 9; z-index: 9;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) { div[class^="sidebar-"]:not(:has(> [class^="side-"])) {
width: 56px; width: 56px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover {
width: 240px; width: 240px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> *:not(:last-child), > *:not(:last-child),
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child > [class^="container-"]:last-child
> [class^="avatarWrapper_"] > [class^="avatarWrapper-"]
> [class^="nameTag_"], > [class^="nameTag-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child > [class^="container-"]:last-child
> div:last-child { > div:last-child {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child { > [class^="container-"]:last-child {
width: 224px; width: 224px;
position: relative; position: relative;
bottom: 0; bottom: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child { > [class^="container-"]:last-child {
width: 48px; width: 48px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] { > nav[class^="container-"] {
padding-top: 32px; padding-top: 32px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"], > [class^="container-"][class*="clickable-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="privateChannels_"] > nav[class^="privateChannels-"]
> [class^="searchBar_"] { > [class^="searchBar-"] {
position: fixed; position: fixed;
top: 0; top: 0;
width: 240px; width: 240px;
@ -57,25 +57,25 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
padding: 0; padding: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] { > [class^="animatedContainer-"] {
height: 32px; height: 32px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
> [class^="bannerImage_"] { > [class^="bannerImage-"] {
height: 32px; height: 32px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
> [class^="bannerImage_"]:after { > [class^="bannerImage-"]:after {
content: ""; content: "";
height: 32px; height: 32px;
width: 240px; width: 240px;
@ -89,145 +89,124 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
); );
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
[class^="bannerImg_"] { [class^="bannerImg-"] {
top: -67px; top: -67px;
position: relative; position: relative;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="scroller_"] > [class^="scroller-"]
> ul > ul
> div[style="height: 84px;"] { > div[style="height: 84px;"] {
height: 0 !important; height: 0 !important;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover
~ [class^="chat_"] ~ [class^="chat-"]
[class^="chatContent_"] [class^="chatContent-"]
> form > form
> [class^="channelTextArea"] { > [class^="channelTextArea"] {
margin-left: 0; margin-left: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
~ [class^="chat_"] ~ [class^="chat-"]
[class^="title_"] { [class^="title-"] {
margin-left: 184px; margin-left: 184px;
width: calc(100% - 184px); width: calc(100% - 184px);
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover
~ [class^="chat_"] ~ [class^="chat-"]
[class^="title_"] { [class^="title-"] {
margin-left: 0; margin-left: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="channelInfo_"], [class^="channelInfo-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"][class*="selected_"] [class^="containerDefault-"][class*="selected-"]
[class^="iconVisibility_"] [class^="iconVisibility-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="children_"], > [class^="children-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"] [class^="containerDefault-"]
[class^="iconVisibility_"][class*="modeSelected_"] [class^="iconVisibility-"][class*="modeSelected-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="children_"], > [class^="children-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility_"]:not([class*="typeThread_"]) [class^="iconVisibility-"]:not([class*="typeThread-"])
[class^="linkTop_"] > [class^="content-"]
> [class^="name_"], > [class^="mainContent-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="name-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="iconVisibility_"][class*="clickable_"], [class^="containerDefault-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="iconVisibility-"][class*="clickable-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceUser_"] [class^="containerDefault-"]
[class^="linkTop_"] [class^="voiceUser-"]
> [class^="icons_"], > [class^="content-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="icons-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceUser_"] [class^="containerDefault-"]
[class^="linkTop_"] [class^="voiceUser-"]
> [class*="username_"] { > [class^="content-"]
> [class*="username-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"] [class^="containerDefault-"]
[class^="iconVisibility_"][class*="typeThread_"] [class^="iconVisibility-"][class*="typeThread-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="name_"] { > [class^="mainContent-"]
> [class^="name-"] {
margin-left: 20px; margin-left: 20px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="privateChannels_"] > [class^="privateChannels-"]
ul[class^="content_"] ul[class^="content-"]
> [class*="privateChannelsHeaderContainer_"] { > [class*="privateChannelsHeaderContainer-"] {
height: 0; height: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="privateChannels_"] > [class^="privateChannels-"]
ul[class^="content_"] ul[class^="content-"]
> [class*="privateChannelsHeaderContainer_"] > [class*="privateChannelsHeaderContainer-"]
> * { > * {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
.channel-typing-indicator, .channel-typing-indicator,
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="devBanner_"] { [class^="devBanner-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container_"] > nav[class^="container-"]
> [class^="scroller_"] > [class^="scroller-"]
> ul > ul
> [class*="containerWithMargin_"] { > [class*="containerWithMargin-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container_"] [class*="unreadBar-"]
> [class^="container_"][class*="bottom_"] > span {
> [class^="containerPadding_"]
> [class^="bar_"] {
width: 32px !important;
}
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
> nav[class^="container_"]
> [class^="container_"][class*="bottom_"]
> [class^="containerPadding_"]
> [class^="bar_"]
> svg {
display: none;
}
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
[class*="unreadBar_"]
> span,
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
> nav[class^="container_"]
> [class^="container_"][class*="bottom_"]
> [class^="containerPadding_"]
> [class^="bar_"]
> [class*="barText_"] {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: clip; text-overflow: clip;
margin-left: 8px; margin-left: 8px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceChannelsButton_"] { [class^="voiceChannelsButton-"] {
display: none; display: none;
} }

View file

@ -1,54 +1,54 @@
@media (width < 1300px) { @media (width < 1300px) {
div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
width: unset; width: unset;
z-index: 9; z-index: 9;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) { div[class^="sidebar-"]:not(:has(> [class^="side-"])) {
width: 56px; width: 56px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover {
width: 240px; width: 240px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> *:not(:last-child), > *:not(:last-child),
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child > [class^="container-"]:last-child
> [class^="avatarWrapper_"] > [class^="avatarWrapper-"]
> [class^="nameTag_"], > [class^="nameTag-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child > [class^="container-"]:last-child
> div:last-child { > div:last-child {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child { > [class^="container-"]:last-child {
width: 224px; width: 224px;
position: relative; position: relative;
bottom: 0; bottom: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child { > [class^="container-"]:last-child {
width: 40px; width: 40px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
margin-top: 48px; margin-top: 48px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"], > [class^="container-"][class*="clickable-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="privateChannels_"] > nav[class^="privateChannels-"]
> [class^="searchBar_"] { > [class^="searchBar-"] {
position: fixed; position: fixed;
top: 0; top: 0;
width: 240px; width: 240px;
@ -57,25 +57,25 @@
padding: 0; padding: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] { > [class^="animatedContainer-"] {
height: 48px; height: 48px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
> [class^="bannerImage_"] { > [class^="bannerImage-"] {
height: 48px; height: 48px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
> [class^="bannerImage_"]:after { > [class^="bannerImage-"]:after {
content: ""; content: "";
height: 48px; height: 48px;
width: 240px; width: 240px;
@ -89,146 +89,125 @@
); );
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
[class^="bannerImg_"] { [class^="bannerImg-"] {
top: -67px; top: -67px;
position: relative; position: relative;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="scroller_"] > [class^="scroller-"]
> ul > ul
> div[style="height: 84px;"] { > div[style="height: 84px;"] {
height: 0 !important; height: 0 !important;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover
~ [class^="chat_"] ~ [class^="chat-"]
[class^="chatContent_"] [class^="chatContent-"]
> form > form
> [class^="channelTextArea"] { > [class^="channelTextArea"] {
margin-left: 0; margin-left: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
~ [class^="chat_"] ~ [class^="chat-"]
[class^="title_"] { [class^="title-"] {
margin-left: 184px; margin-left: 184px;
width: calc(100% - 184px); width: calc(100% - 184px);
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover
~ [class^="chat_"] ~ [class^="chat-"]
[class^="title_"] { [class^="title-"] {
margin-left: 0; margin-left: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="channelInfo_"], [class^="channelInfo-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"][class*="selected_"] [class^="containerDefault-"][class*="selected-"]
[class^="iconVisibility_"] [class^="iconVisibility-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="children_"], > [class^="children-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"] [class^="containerDefault-"]
[class^="iconVisibility_"][class*="modeSelected_"] [class^="iconVisibility-"][class*="modeSelected-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="children_"], > [class^="children-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility_"]:not([class*="typeThread_"]) [class^="iconVisibility-"]:not([class*="typeThread-"])
[class^="linkTop_"] > [class^="content-"]
> [class^="name_"], > [class^="mainContent-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="name-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="iconVisibility_"][class*="clickable_"], [class^="containerDefault-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="iconVisibility-"][class*="clickable-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceUser_"] [class^="containerDefault-"]
[class^="linkTop_"] [class^="voiceUser-"]
> [class^="icons_"], > [class^="content-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="icons-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceUser_"] [class^="containerDefault-"]
[class^="linkTop_"] [class^="voiceUser-"]
> [class*="username_"] { > [class^="content-"]
> [class*="username-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"] [class^="containerDefault-"]
[class^="iconVisibility_"][class*="typeThread_"] [class^="iconVisibility-"][class*="typeThread-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="name_"] { > [class^="mainContent-"]
> [class^="name-"] {
margin-left: 20px; margin-left: 20px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="privateChannels_"] > [class^="privateChannels-"]
ul[class^="content_"] ul[class^="content-"]
> [class*="privateChannelsHeaderContainer_"] { > [class*="privateChannelsHeaderContainer-"] {
height: 0; height: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="privateChannels_"] > [class^="privateChannels-"]
ul[class^="content_"] ul[class^="content-"]
> [class*="privateChannelsHeaderContainer_"] > [class*="privateChannelsHeaderContainer-"]
> * { > * {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
.channel-typing-indicator, .channel-typing-indicator,
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="devBanner_"] { [class^="devBanner-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container_"] > nav[class^="container-"]
> [class^="scroller_"] > [class^="scroller-"]
> ul > ul
> [class*="containerWithMargin_"] { > [class*="containerWithMargin-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container_"] [class*="unreadBar-"]
> [class^="container_"][class*="bottom_"] > span {
> [class^="containerPadding_"]
> [class^="bar_"] {
width: 32px !important;
}
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
> nav[class^="container_"]
> [class^="container_"][class*="bottom_"]
> [class^="containerPadding_"]
> [class^="bar_"]
> svg {
display: none;
}
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
[class*="unreadBar_"]
> span,
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
> nav[class^="container_"]
> [class^="container_"][class*="bottom_"]
> [class^="containerPadding_"]
> [class^="bar_"]
> [class*="barText_"] {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: clip; text-overflow: clip;
margin-left: 8px; margin-left: 8px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceChannelsButton_"] { [class^="voiceChannelsButton-"] {
display: none; display: none;
} }
} }

View file

@ -1,54 +1,54 @@
@media (width < 1300px) { @media (width < 1300px) {
div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
width: unset; width: unset;
z-index: 9; z-index: 9;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) { div[class^="sidebar-"]:not(:has(> [class^="side-"])) {
width: 56px; width: 56px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover {
width: 240px; width: 240px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> *:not(:last-child), > *:not(:last-child),
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child > [class^="container-"]:last-child
> [class^="avatarWrapper_"] > [class^="avatarWrapper-"]
> [class^="nameTag_"], > [class^="nameTag-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child > [class^="container-"]:last-child
> div:last-child { > div:last-child {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child { > [class^="container-"]:last-child {
width: 224px; width: 224px;
position: relative; position: relative;
bottom: 0; bottom: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child { > [class^="container-"]:last-child {
width: 40px; width: 40px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
margin-top: 32px; margin-top: 32px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"], > [class^="container-"][class*="clickable-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="privateChannels_"] > nav[class^="privateChannels-"]
> [class^="searchBar_"] { > [class^="searchBar-"] {
position: fixed; position: fixed;
top: 0; top: 0;
width: 240px; width: 240px;
@ -57,25 +57,25 @@
padding: 0; padding: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] { > [class^="animatedContainer-"] {
height: 32px !important; height: 32px !important;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
> [class^="bannerImage_"] { > [class^="bannerImage-"] {
height: 32px !important; height: 32px !important;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
> [class^="bannerImage_"]:after { > [class^="bannerImage-"]:after {
content: ""; content: "";
height: 32px !important; height: 32px !important;
width: 240px; width: 240px;
@ -89,146 +89,125 @@
); );
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
[class^="bannerImg_"] { [class^="bannerImg-"] {
top: -67px; top: -67px;
position: relative; position: relative;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="scroller_"] > [class^="scroller-"]
> ul > ul
> div[style="height: 84px;"] { > div[style="height: 84px;"] {
height: 0 !important; height: 0 !important;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover
~ [class^="chat_"] ~ [class^="chat-"]
[class^="chatContent_"] [class^="chatContent-"]
> form > form
> [class^="channelTextArea"] { > [class^="channelTextArea"] {
margin-left: 0; margin-left: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
~ [class^="chat_"] ~ [class^="chat-"]
[class^="title_"] { [class^="title-"] {
margin-left: 184px; margin-left: 184px;
width: calc(100% - 184px); width: calc(100% - 184px);
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover
~ [class^="chat_"] ~ [class^="chat-"]
[class^="title_"] { [class^="title-"] {
margin-left: 0; margin-left: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="channelInfo_"], [class^="channelInfo-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"][class*="selected_"] [class^="containerDefault-"][class*="selected-"]
[class^="iconVisibility_"] [class^="iconVisibility-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="children_"], > [class^="children-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"] [class^="containerDefault-"]
[class^="iconVisibility_"][class*="modeSelected_"] [class^="iconVisibility-"][class*="modeSelected-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="children_"], > [class^="children-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility_"]:not([class*="typeThread_"]) [class^="iconVisibility-"]:not([class*="typeThread-"])
[class^="linkTop_"] > [class^="content-"]
> [class^="name_"], > [class^="mainContent-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="name-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="iconVisibility_"][class*="clickable_"], [class^="containerDefault-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="iconVisibility-"][class*="clickable-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceUser_"] [class^="containerDefault-"]
[class^="linkTop_"] [class^="voiceUser-"]
> [class^="icons_"], > [class^="content-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="icons-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceUser_"] [class^="containerDefault-"]
[class^="linkTop_"] [class^="voiceUser-"]
> [class*="username_"] { > [class^="content-"]
> [class*="username-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"] [class^="containerDefault-"]
[class^="iconVisibility_"][class*="typeThread_"] [class^="iconVisibility-"][class*="typeThread-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="name_"] { > [class^="mainContent-"]
> [class^="name-"] {
margin-left: 20px; margin-left: 20px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="privateChannels_"] > [class^="privateChannels-"]
ul[class^="content_"] ul[class^="content-"]
> [class*="privateChannelsHeaderContainer_"] { > [class*="privateChannelsHeaderContainer-"] {
height: 0; height: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="privateChannels_"] > [class^="privateChannels-"]
ul[class^="content_"] ul[class^="content-"]
> [class*="privateChannelsHeaderContainer_"] > [class*="privateChannelsHeaderContainer-"]
> * { > * {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
.channel-typing-indicator, .channel-typing-indicator,
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="devBanner_"] { [class^="devBanner-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container_"] > nav[class^="container-"]
> [class^="scroller_"] > [class^="scroller-"]
> ul > ul
> [class*="containerWithMargin_"] { > [class*="containerWithMargin-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container_"] [class*="unreadBar-"]
> [class^="container_"][class*="bottom_"] > span {
> [class^="containerPadding_"]
> [class^="bar_"] {
width: 32px !important;
}
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
> nav[class^="container_"]
> [class^="container_"][class*="bottom_"]
> [class^="containerPadding_"]
> [class^="bar_"]
> svg {
display: none;
}
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
[class*="unreadBar_"]
> span,
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
> nav[class^="container_"]
> [class^="container_"][class*="bottom_"]
> [class^="containerPadding_"]
> [class^="bar_"]
> [class*="barText_"] {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: clip; text-overflow: clip;
margin-left: 8px; margin-left: 8px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceChannelsButton_"] { [class^="voiceChannelsButton-"] {
display: none; display: none;
} }
} }

View file

@ -1,55 +1,55 @@
div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav {
width: unset; width: unset;
z-index: 9; z-index: 9;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) { div[class^="sidebar-"]:not(:has(> [class^="side-"])) {
width: 56px; width: 56px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover {
width: 240px; width: 240px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> *:not(:last-child), > *:not(:last-child),
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child > [class^="container-"]:last-child
> [class^="avatarWrapper_"] > [class^="avatarWrapper-"]
> [class^="nameTag_"], > [class^="nameTag-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child > [class^="container-"]:last-child
> div:last-child { > div:last-child {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child { > [class^="container-"]:last-child {
width: 224px; width: 224px;
position: relative; position: relative;
bottom: 0; bottom: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="panels_"] > [class^="panels-"]
> [class^="container_"]:last-child { > [class^="container-"]:last-child {
width: 40px; width: 40px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav > nav
> [class^="scroller_"] { > [class^="scroller-"] {
margin-top: 48px; margin-top: 48px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"], > [class^="container-"][class*="clickable-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="privateChannels_"] > nav[class^="privateChannels-"]
> [class^="searchBar_"] { > [class^="searchBar-"] {
position: fixed; position: fixed;
top: 0; top: 0;
width: 240px; width: 240px;
@ -58,25 +58,25 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
padding: 0; padding: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] { > [class^="animatedContainer-"] {
height: 48px; height: 48px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
> [class^="bannerImage_"] { > [class^="bannerImage-"] {
height: 48px; height: 48px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
> [class^="bannerImage_"]:after { > [class^="bannerImage-"]:after {
content: ""; content: "";
height: 48px; height: 48px;
width: 240px; width: 240px;
@ -90,150 +90,129 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
); );
} }
[class^="animatedBannerHoverLayer_"] { [class^="animatedBannerHoverLayer-"] {
top: -48px !important; top: -48px !important;
height: 48px !important; height: 48px !important;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
[class^="bannerImg_"] { [class^="bannerImg-"] {
top: -67px; top: -67px;
position: relative; position: relative;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="scroller_"] > [class^="scroller-"]
> ul > ul
> div[style="height: 84px;"] { > div[style="height: 84px;"] {
height: 0 !important; height: 0 !important;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover
~ [class^="chat_"] ~ [class^="chat-"]
[class^="chatContent_"] [class^="chatContent-"]
> form > form
> [class^="channelTextArea"] { > [class^="channelTextArea"] {
margin-left: 0; margin-left: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
~ [class^="chat_"] ~ [class^="chat-"]
[class^="title_"] { [class^="title-"] {
margin-left: 184px; margin-left: 184px;
width: calc(100% - 184px); width: calc(100% - 184px);
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover
~ [class^="chat_"] ~ [class^="chat-"]
[class^="title_"] { [class^="title-"] {
margin-left: 0; margin-left: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="channelInfo_"], [class^="channelInfo-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"][class*="selected_"] [class^="containerDefault-"][class*="selected-"]
[class^="iconVisibility_"] [class^="iconVisibility-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="children_"], > [class^="children-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"] [class^="containerDefault-"]
[class^="iconVisibility_"][class*="modeSelected_"] [class^="iconVisibility-"][class*="modeSelected-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="children_"], > [class^="children-"],
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="iconVisibility_"]:not([class*="typeThread_"]) [class^="iconVisibility-"]:not([class*="typeThread-"])
[class^="linkTop_"] > [class^="content-"]
> [class^="name_"], > [class^="mainContent-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="name-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="iconVisibility_"][class*="clickable_"], [class^="containerDefault-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="iconVisibility-"][class*="clickable-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceUser_"] [class^="containerDefault-"]
[class^="linkTop_"] [class^="voiceUser-"]
> [class^="icons_"], > [class^="content-"]
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) > [class^="icons-"],
[class^="containerDefault_"] div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceUser_"] [class^="containerDefault-"]
[class^="linkTop_"] [class^="voiceUser-"]
> [class*="username_"] { > [class^="content-"]
> [class*="username-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="containerDefault_"] [class^="containerDefault-"]
[class^="iconVisibility_"][class*="typeThread_"] [class^="iconVisibility-"][class*="typeThread-"]
[class^="linkTop_"] > [class^="content-"]
> [class^="name_"] { > [class^="mainContent-"]
> [class^="name-"] {
margin-left: 20px; margin-left: 20px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="privateChannels_"] > [class^="privateChannels-"]
ul[class^="content_"] ul[class^="content-"]
> [class*="privateChannelsHeaderContainer_"] { > [class*="privateChannelsHeaderContainer-"] {
height: 0; height: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> [class^="privateChannels_"] > [class^="privateChannels-"]
ul[class^="content_"] ul[class^="content-"]
> [class*="privateChannelsHeaderContainer_"] > [class*="privateChannelsHeaderContainer-"]
> * { > * {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
.channel-typing-indicator, .channel-typing-indicator,
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="devBanner_"] { [class^="devBanner-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container_"] > nav[class^="container-"]
> [class^="scroller_"] > [class^="scroller-"]
> ul > ul
> [class*="containerWithMargin_"] { > [class*="containerWithMargin-"] {
display: none; display: none;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
> nav[class^="container_"] [class*="unreadBar-"]
> [class^="container_"][class*="bottom_"] > span {
> [class^="containerPadding_"]
> [class^="bar_"] {
width: 32px !important;
}
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
> nav[class^="container_"]
> [class^="container_"][class*="bottom_"]
> [class^="containerPadding_"]
> [class^="bar_"]
> svg {
display: none;
}
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
[class*="unreadBar_"]
> span,
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover)
> nav[class^="container_"]
> [class^="container_"][class*="bottom_"]
> [class^="containerPadding_"]
> [class^="bar_"]
> [class*="barText_"] {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: clip; text-overflow: clip;
margin-left: 8px; margin-left: 8px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover)
[class^="voiceChannelsButton_"] { [class^="voiceChannelsButton-"] {
display: none; display: none;
} }

File diff suppressed because it is too large Load diff

View file

@ -1,148 +1,148 @@
html:not(.a11y-font-scaled-down) html:not(.a11y-font-scaled-down)
[class*="message_"]:not([class*="systemMessage_"]):not([class*="compact_"]), [class*="message-"]:not([class*="systemMessage-"]):not([class*="compact-"]),
html:not(.a11y-font-scaled-down) html:not(.a11y-font-scaled-down)
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
> [class^="wrapper_"], > [class^="wrapper-"],
html:not(.a11y-font-scaled-down) html:not(.a11y-font-scaled-down)
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
> [class^="container_"]:not([class*="systemMessage_"]):not( > [class^="container-"]:not([class*="systemMessage-"]):not(
[class*="compact_"] [class*="compact-"]
) { ) {
padding: 0 !important; padding: 0 !important;
padding-left: 16px !important; padding-left: 16px !important;
} }
[class*="message_"]:not([class*="systemMessage_"]):not([class*="compact_"]), [class*="message-"]:not([class*="systemMessage-"]):not([class*="compact-"]),
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
> [class^="wrapper_"]:not([class*="systemMessage_"]):not([class*="compact_"]), > [class^="wrapper-"]:not([class*="systemMessage-"]):not([class*="compact-"]),
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
> [class^="container_"]:not([class*="systemMessage_"]):not( > [class^="container-"]:not([class*="systemMessage-"]):not(
[class*="compact_"] [class*="compact-"]
) { ) {
padding-left: 16px !important; padding-left: 16px !important;
} }
[class*="message_"][class*="systemMessage_"] { [class*="message-"][class*="systemMessage-"] {
padding-left: 32px !important; padding-left: 32px !important;
} }
[class*="message_"][class*="systemMessage_"] [class^="iconContainer_"] { [class*="message-"][class*="systemMessage-"] [class^="iconContainer-"] {
margin-right: 0; margin-right: 0;
width: 24px; width: 24px;
} }
html:not(.a11y-font-scaled-down) html:not(.a11y-font-scaled-down)
[class*="message_"]:not([class*="compact_"]) [class*="message-"]:not([class*="compact-"])
> [class^="contents_"] > [class^="contents-"]
> [class^="header_"], > [class^="header-"],
html:not(.a11y-font-scaled-down) html:not(.a11y-font-scaled-down)
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
> [class^="wrapper_"]:not([class*="compact_"]) > [class^="wrapper-"]:not([class*="compact-"])
> [class^="contents_"] > [class^="contents-"]
> [class^="header_"], > [class^="header-"],
html:not(.a11y-font-scaled-down) html:not(.a11y-font-scaled-down)
[class*="message_"]:not([class*="compact_"]) [class*="message-"]:not([class*="compact-"])
> [class^="wrapper_"] > [class^="wrapper-"]
> [class^="contents_"] > [class^="contents-"]
> [class^="header_"] { > [class^="header-"] {
padding-left: 0 !important; padding-left: 0 !important;
margin-left: 24px; margin-left: 24px;
padding-bottom: 0 !important; padding-bottom: 0 !important;
} }
.a11y-font-scaled-down .a11y-font-scaled-down
[class*="message_"]:not([class*="compact_"]) [class*="message-"]:not([class*="compact-"])
> [class^="contents_"] > [class^="contents-"]
> [class^="header_"], > [class^="header-"],
.a11y-font-scaled-down .a11y-font-scaled-down
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
> [class^="wrapper_"]:not([class*="compact_"]) > [class^="wrapper-"]:not([class*="compact-"])
> [class^="contents_"] > [class^="contents-"]
> [class^="header_"] > [class^="header-"]
.a11y-font-scaled-down .a11y-font-scaled-down
[class*="message_"]:not([class*="compact_"]) [class*="message-"]:not([class*="compact-"])
> [class^="wrapper_"] > [class^="wrapper-"]
> [class^="contents_"] > [class^="contents-"]
> [class^="header_"] { > [class^="header-"] {
margin-left: calc(24px - 4.5rem); margin-left: calc(24px - 4.5rem);
} }
[class*="message_"] [class*="message-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> [class^="contents_"] > [class^="contents-"]
[class^="avatar_"], [class^="avatar-"],
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> [class^="contents_"] > [class^="contents-"]
[class^="avatar_"], [class^="avatar-"],
[class*="message_"] > [class^="contents_"] [class^="avatar_"] { [class*="message-"] > [class^="contents-"] [class^="avatar-"] {
width: 20px; width: 20px;
height: 20px; height: 20px;
left: 16px; left: 16px;
} }
[class*="message_"] [class*="message-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> [class^="contents_"] > [class^="contents-"]
[class^="avatar_"] { [class^="avatar-"] {
left: 0 !important; left: 0 !important;
} }
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> [class^="contents_"], > [class^="contents-"],
[class*="message_"] > [class^="contents_"], [class*="message-"] > [class^="contents-"],
[class*="message_"] > [class^="wrapper_"] > [class^="contents_"] { [class*="message-"] > [class^="wrapper-"] > [class^="contents-"] {
margin-left: 0; margin-left: 0;
padding: 0; padding: 0;
} }
[class*="message_"][class*="systemMessage_"] > [class^="container_"] { [class*="message-"][class*="systemMessage-"] > [class^="container-"] {
padding: 0; padding: 0;
} }
[class*="cozy_"][class*="hasThread_"]::after { [class*="cozy-"][class*="hasThread-"]::after {
display: none; display: none;
} }
[class*="message_"] > [class^="wrapper_"] { [class*="message-"] > [class^="wrapper-"] {
padding-left: 0; padding-left: 0;
} }
[class^="messagesWrapper_"] [class^="scrollerInner_"]:after { [class^="messagesWrapper-"] [class^="scrollerInner-"]:after {
height: 4px !important; height: 4px !important;
} }
[class*="message_"]:not([class*="compact_"]) [class*="message-"]:not([class*="compact-"])
[class^="contents_"] [class^="contents-"]
[class*="timestampVisibleOnHover_"] { [class*="timestampVisibleOnHover-"] {
display: none; display: none;
} }
[class^="messagesWrapper_"] [class^="scrollerInner_"] [class^="divider_"] { [class^="messagesWrapper-"] [class^="scrollerInner-"] [class^="divider-"] {
margin: 4px; margin: 4px;
height: 8px; height: 8px;
} }
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
[class*="groupStart_"][class*="cozy_"] { [class*="groupStart-"][class*="cozy-"] {
margin-top: 8px; margin-top: 8px;
} }
div[class*="cozyMessage_"] div[class^="repliedMessage_"] { div[class*="cozyMessage-"] div[class^="repliedMessage-"] {
margin-left: 33px; margin-left: 33px;
} }
div[class*="cozyMessage_"] div[class^="repliedMessage_"]:before { div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before {
--avatar-size: 20px; --avatar-size: 20px;
border-left: var(--spine-width) solid var(--interactive-active); border-left: var(--spine-width) solid var(--interactive-active);
border-bottom: 0 solid var(--interactive-active); border-bottom: 0 solid var(--interactive-active);
@ -150,7 +150,7 @@ div[class*="cozyMessage_"] div[class^="repliedMessage_"]:before {
border-top: var(--spine-width) solid var(--interactive-active); border-top: var(--spine-width) solid var(--interactive-active);
} }
[class*="cozyMessage_"] [class^="avatarDecoration_"] { [class*="cozyMessage-"] [class^="avatarDecoration-"] {
margin-top: calc(24px - 20px * var(--decoration-to-avatar-ratio)); margin-top: calc(24px - 20px * var(--decoration-to-avatar-ratio));
left: calc(38px - 20px * var(--decoration-to-avatar-ratio)); left: calc(38px - 20px * var(--decoration-to-avatar-ratio));
width: calc(20px * var(--decoration-to-avatar-ratio)); width: calc(20px * var(--decoration-to-avatar-ratio));

View file

@ -18,151 +18,146 @@
) !important; ) !important;
} }
[class^="appMount_"] { [class^="appMount-"] {
background: var(--custom-background), var(--primary) !important; background: var(--custom-background), var(--primary) !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-size: cover !important; background-size: cover !important;
} }
[class^="chat_"] [class^="chat-"] > [class^="content-"] > [class^="chatContent-"],
> [class^="content_"] [class^="chat-"] > [class^="title-"],
> [class^="container"] [class^="markup-"] code,
> [class^="chatContainer_"] [class*="embedFull-"],
> [class^="chatContent_"], [class^="chat-"] > [class^="title-"] [class^="searchBar-"],
[class^="chat_"] > [class^="title_"], [class^="content-"]
[class^="markup_"] code, > [class^="sidebar-"]
[class*="embedFull_"], > [class^="privateChannels-"]
[class^="chat_"] > [class^="title_"] [class^="searchBar_"], > [class^="searchBar-"]
[class^="content_"] > [class^="searchBarComponent-"],
> [class^="sidebar_"] [class^="standardSidebarView-"] > [class^="contentRegion-"],
> [class^="privateChannels_"] [class^="accountProfileCard-"],
> [class^="searchBar_"] [class^="base-"] > [class^="content-"] > [class^="wrapper-"],
> [class^="searchBarComponent_"], [class^="perksModal-"],
[class^="standardSidebarView_"] > [class^="contentRegion_"], [class^="base-"] > [class^="content-"] > [class^="container-"],
[class^="accountProfileCard_"], [class^="gameUpdates-"],
[class^="base_"] > [class^="content_"] > [class^="wrapper_"], [class^="applicationStore-"],
[class^="perksModal_"], [class^="pageWrapper-"],
[class^="base_"] > [class^="content_"] > [class^="container_"],
[class^="gameUpdates_"],
[class^="applicationStore_"],
[class^="pageWrapper_"],
.messageLinkPreview-container { .messageLinkPreview-container {
background-color: var(--transparent_background-primary) !important; background-color: var(--transparent_background-primary) !important;
} }
[class^="channelTextArea_"], [class^="channelTextArea-"],
[class^="content_"] > [class^="sidebar_"], [class^="content-"] > [class^="sidebar-"],
[class^="chat_"] > [class^="content_"] > [class^="container_"], [class^="chat-"] > [class^="content-"] > [class^="container-"],
[class^="chat_"] > [class^="content_"] > [class^="chatContent_"], [class^="standardSidebarView-"]
[class^="standardSidebarView_"] > [class^="sidebarRegion-"]
> [class^="sidebarRegion_"] [class^="sidebarRegionScroller-"] {
[class^="sidebarRegionScroller_"] {
background: var(--transparent_background-secondary) !important; background: var(--transparent_background-secondary) !important;
} }
nav[class*="guilds_"], nav[class*="guilds-"],
body body
> #app-mount > #app-mount
> .platform-web > .platform-web
> [class^="popout_"] > [class^="popout-"]
> [class^="content_"] > [class^="content-"]
> [class^="wrapper_"] { > [class^="wrapper-"] {
background: var(--transparent_background-tertiary) !important; background: var(--transparent_background-tertiary) !important;
} }
[class^="chat_"], [class^="chat-"],
[class^="content_"] > [class^="sidebar_"] > [class^="container_"], [class^="content-"] > [class^="sidebar-"] > [class^="container-"],
[class^="content_"] > [class^="sidebar_"] > [class^="privateChannels_"], [class^="content-"] > [class^="sidebar-"] > [class^="privateChannels-"],
[class^="content_"] [class^="content-"]
> [class^="sidebar_"] > [class^="sidebar-"]
> [class^="privateChannels_"] > [class^="privateChannels-"]
> [class^="scroller_"], > [class^="scroller-"],
nav[class*="guilds_"] > ul > [class^="scroller_"], nav[class*="guilds-"] > ul > [class^="scroller-"],
[class^="content_"] > [class^="sidebar_"] > [class^="panels_"], [class^="content-"] > [class^="sidebar-"] > [class^="panels-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"] > [class^="members-"]
> div, > div,
[class^="channelTextArea_"] > [class^="scrollableContainer_"], [class^="channelTextArea-"] > [class^="scrollableContainer-"],
[class^="chat_"] > [class^="title_"] [class^="children_"]:after, [class^="chat-"] > [class^="title-"] [class^="children-"]:after,
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="chatContent_"] > [class^="chatContent-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
> [class^="wrapper_"], > [class^="wrapper-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="chatContent_"] > [class^="chatContent-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> [class^="wrapper_"], > [class^="wrapper-"],
[class^="standardSidebarView_"], [class^="standardSidebarView-"],
[class^="standardSidebarView_"] [class^="standardSidebarView-"]
> [class^="contentRegion_"] > [class^="contentRegion-"]
[class^="contentRegionScroller_"], [class^="contentRegionScroller-"],
[class^="base_"] [class^="base-"]
> [class^="content_"] > [class^="content-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> [class^="navigationBar_"], > [class^="navigationBar-"],
[class^="peopleColumn_"], [class^="peopleColumn-"],
[class^="base_"] [class^="base-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class*="container_"], > [class*="container-"],
[class^="base_"] [class^="base-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class^="scroller_"], > [class^="scroller-"],
[class^="base_"] [class^="base-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class*="container_"] > [class*="container-"]
> [class^="table_"] > [class^="table-"]
> [class*="header_"], > [class*="header-"],
[class^="applicationStore_"] [class^="headerBar_"], [class^="applicationStore-"] [class^="headerBar-"],
[class^="applicationStore_"] [class^="scroller_"], [class^="applicationStore-"] [class^="scroller-"],
#gm-settings-inject, #gm-settings-inject,
[class^="base_"] [class^="base-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> section > section
> section[class^="headerBarContainer_"], > section[class^="headerBarContainer-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"], > [class^="members-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class^="membersWrap_"], > [class^="membersWrap-"],
[class^="chat_"] [class^="chat-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class^="membersWrap_"] > [class^="membersWrap-"]
> [class^="members_"] > [class^="members-"]
> div, > div,
body body
> #app-mount > #app-mount
> .platform-web > .platform-web
> [class^="popout_"] > [class^="popout-"]
> [class^="content_"] > [class^="content-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> [class^="callContainer_"] { > [class^="callContainer-"] {
background: transparent !important; background: transparent !important;
} }
#gm-settings-inject [class^="auto_"]::-webkit-scrollbar-track, #gm-settings-inject [class^="auto-"]::-webkit-scrollbar-track,
#gm-settings-inject[class^="auto_"]::-webkit-scrollbar-track { #gm-settings-inject[class^="auto-"]::-webkit-scrollbar-track {
background: transparent !important; background: transparent !important;
border: none; border: none;
} }
#gm-settings-inject [class^="auto_"]::-webkit-scrollbar-thumb, #gm-settings-inject [class^="auto-"]::-webkit-scrollbar-thumb,
#gm-settings-inject[class^="auto_"]::-webkit-scrollbar-thumb { #gm-settings-inject[class^="auto-"]::-webkit-scrollbar-thumb {
background: var(--interactive-normal); background: var(--interactive-normal);
border: none; border: none;
} }
#gm-settings-inject [class^="auto_"]::-webkit-scrollbar, #gm-settings-inject [class^="auto-"]::-webkit-scrollbar,
#gm-settings-inject[class^="auto_"]::-webkit-scrollbar { #gm-settings-inject[class^="auto-"]::-webkit-scrollbar {
width: 12px !important; width: 12px !important;
height: 12px !important; height: 12px !important;
} }

View file

@ -1,7 +1,6 @@
@font-face { @font-face {
font-family: "Unifont"; font-family: "Unifont";
src: src: local("Unifont"),
local("Unifont"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;
@ -10,8 +9,7 @@
@font-face { @font-face {
font-family: "Terminus (TTF)"; font-family: "Terminus (TTF)";
src: src: local("Terminus (TTF)"),
local("Terminus (TTF)"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-4.47.0.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-4.47.0.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;
@ -19,8 +17,7 @@
} }
@font-face { @font-face {
font-family: "Terminus (TTF)"; font-family: "Terminus (TTF)";
src: src: local("Terminus (TTF)"),
local("Terminus (TTF)"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold-4.47.0.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold-4.47.0.ttf)
format("truetype"); format("truetype");
font-weight: bold; font-weight: bold;
@ -28,8 +25,7 @@
} }
@font-face { @font-face {
font-family: "Terminus (TTF)"; font-family: "Terminus (TTF)";
src: src: local("Terminus (TTF)"),
local("Terminus (TTF)"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold%20Italic-4.47.0.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold%20Italic-4.47.0.ttf)
format("truetype"); format("truetype");
font-weight: bold; font-weight: bold;
@ -37,8 +33,7 @@
} }
@font-face { @font-face {
font-family: "Terminus (TTF)"; font-family: "Terminus (TTF)";
src: src: local("Terminus (TTF)"),
local("Terminus (TTF)"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Italic-4.47.0.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Italic-4.47.0.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;
@ -60,27 +55,27 @@
--_font-titlebars: var(--font-primary) !important; --_font-titlebars: var(--font-primary) !important;
} }
[class*="menu_"] [class^="item_"], [class*="menu-"] [class^="item-"],
[class^="containerDefault_"] [class^="containerDefault-"]
> [class^="iconVisibility_"] > [class^="iconVisibility-"]
> [class^="content_"] > [class^="content-"]
[class^="name_"] { [class^="name-"] {
font-size: 16px; font-size: 16px;
text-transform: none; text-transform: none;
font-weight: 500; font-weight: 500;
} }
[class^="containerDefault_"] [class^="containerDefault-"]
> [class^="iconVisibility_"] > [class^="iconVisibility-"]
> [class^="mainContent_"] > [class^="mainContent-"]
[class^="name_"], [class^="name-"],
[class^="membersGroup_"], [class^="membersGroup-"],
[class^="headerContent_"] > [class^="name_"] { [class^="headerContent-"] > [class^="name-"] {
font-size: 16px; font-size: 16px;
text-transform: none !important; text-transform: none;
font-weight: 600; font-weight: 600;
} }
[class^="reaction_"] [class*="reactionCount_"] { [class^="reaction-"] [class*="reactionCount-"] {
font-size: 12px; font-size: 12px;
} }
@ -90,35 +85,35 @@
font-size: 12px !important; font-size: 12px !important;
} }
[class^="sidebar_"] [class^="sidebar-"]
> [class^="container_"] > [class^="container-"]
> [class^="container_"] > [class^="container-"]
> [class^="header_"] > [class^="header-"]
> [class^="name_"], > [class^="name-"],
[class*="heading-md-medium_"], [class*="heading-md-medium-"],
[class*="heading-md-normal_"] { [class*="heading-md-normal-"] {
font-size: 16px !important; font-size: 16px !important;
} }
[class*="edited_"], [class*="edited-"],
[class*="botTag_"] [class*="botText_"], [class*="botTag-"] [class*="botText-"],
span[class="role-tag"], span[class="role-tag"],
.antiDelete-deleted-suffix { .antiDelete-deleted-suffix {
font-size: 12px !important; font-size: 12px !important;
} }
[class^="latin12CompactTimeStamp_"], [class^="latin12CompactTimeStamp-"],
[class^="latin24CompactTimeStamp_"], [class^="latin24CompactTimeStamp-"],
[class^="asianCompactTimeStamp_"], [class^="asianCompactTimeStamp-"],
[class^="embedFooterText_"] { [class^="embedFooterText-"] {
font-size: 0.75em !important; font-size: 0.75em !important;
} }
[class^="codeBlockText_"], [class^="codeBlockText-"],
[class^="codeLine_"], [class^="codeLine-"],
[class*="after_inlineCode_"], [class*="after_inlineCode-"],
[class*="before_inlineCode_"], [class*="before_inlineCode-"],
[class^="inlineCode_"] { [class^="inlineCode-"] {
font-size: 12px !important; font-size: 12px !important;
} }
@ -126,20 +121,20 @@ span[class="role-tag"],
font-weight: 0; font-weight: 0;
} }
[class^="markdown_"] [class^="codeInline_"], [class^="markdown-"] [class^="codeInline-"],
code.inline, code.inline,
.hljs { .hljs {
font-size: 12px !important; font-size: 12px !important;
} }
[class^="markdown_"] code, [class^="markdown-"] code,
[class^="markdown_"] [class^="codeInline_"], [class^="markdown-"] [class^="codeInline-"],
code.inline { code.inline {
line-height: 12px !important; line-height: 12px !important;
} }
[class^="markup_"] ol, [class^="markup-"] ol,
[class^="markup_"] ul { [class^="markup-"] ul {
margin: 4px 0 0 24px !important; margin: 4px 0 0 24px !important;
} }

View file

@ -1,7 +1,6 @@
@font-face { @font-face {
font-family: "Pointfree"; font-family: "Pointfree";
src: src: local("Pointfree"),
local("Pointfree"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/pointfree.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/pointfree.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;
@ -10,8 +9,7 @@
@font-face { @font-face {
font-family: "Untyped"; font-family: "Untyped";
src: src: local("Untyped"),
local("Untyped"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/untyped.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/untyped.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;

View file

@ -1,7 +1,6 @@
@font-face { @font-face {
font-family: "Untyped"; font-family: "Untyped";
src: src: local("Untyped"),
local("Untyped"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/untyped.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/untyped.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;
@ -10,8 +9,7 @@
@font-face { @font-face {
font-family: "Pointfree"; font-family: "Pointfree";
src: src: local("Pointfree"),
local("Pointfree"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/pointfree.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/pointfree.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;

View file

@ -1,7 +1,6 @@
@font-face { @font-face {
font-family: "Unifont"; font-family: "Unifont";
src: src: local("Unifont"),
local("Unifont"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;
@ -10,8 +9,7 @@
@font-face { @font-face {
font-family: "Unifont"; font-family: "Unifont";
src: src: local("Unifont"),
local("Unifont"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/unifont-14.0.01.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;
@ -20,8 +18,7 @@
@font-face { @font-face {
font-family: "Terminus (TTF)"; font-family: "Terminus (TTF)";
src: src: local("Terminus (TTF)"),
local("Terminus (TTF)"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-4.47.0.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-4.47.0.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;
@ -29,8 +26,7 @@
} }
@font-face { @font-face {
font-family: "Terminus (TTF)"; font-family: "Terminus (TTF)";
src: src: local("Terminus (TTF)"),
local("Terminus (TTF)"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold-4.47.0.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold-4.47.0.ttf)
format("truetype"); format("truetype");
font-weight: bold; font-weight: bold;
@ -38,8 +34,7 @@
} }
@font-face { @font-face {
font-family: "Terminus (TTF)"; font-family: "Terminus (TTF)";
src: src: local("Terminus (TTF)"),
local("Terminus (TTF)"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold%20Italic-4.47.0.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Bold%20Italic-4.47.0.ttf)
format("truetype"); format("truetype");
font-weight: bold; font-weight: bold;
@ -47,8 +42,7 @@
} }
@font-face { @font-face {
font-family: "Terminus (TTF)"; font-family: "Terminus (TTF)";
src: src: local("Terminus (TTF)"),
local("Terminus (TTF)"),
url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Italic-4.47.0.ttf) url(https://cynosphere.gitlab.io/Customizations/discord/assets/TerminusTTF-Italic-4.47.0.ttf)
format("truetype"); format("truetype");
font-weight: normal; font-weight: normal;
@ -70,10 +64,10 @@
font-family: "Sazanami Gothic" !important; font-family: "Sazanami Gothic" !important;
} }
[class*="menu_"] [class^="item_"], [class*="menu-"] [class^="item-"],
[class^="containerDefault_"] [class^="name_"], [class^="containerDefault-"] [class^="name-"],
[class^="membersGroup_"] { [class^="membersGroup-"] {
font-size: 16px; font-size: 16px;
text-transform: none !important; text-transform: none;
font-weight: 500; font-weight: 500;
} }

View file

@ -1,4 +1,4 @@
a[href="https://support.discord.com"], a[href="https://support.discord.com"],
[class^="toolbar_"] > div:not([class]) > [class^="iconWrapper_"][aria-expanded] { [class^="toolbar-"] > div:not([class]) > [class^="iconWrapper-"][aria-expanded] {
display: none; display: none;
} }

View file

@ -1,3 +1,3 @@
[class^="nowPlayingColumn_"] { [class^="nowPlayingColumn-"] {
display: none; display: none;
} }

View file

@ -1,14 +1,14 @@
section[class^="panels_"] section[class^="panels-"]
> [class^="container_"]:last-child > [class^="container-"]:last-child
[class*="nameTag_"] { [class*="nameTag-"] {
display: none; display: none;
} }
section[class^="panels_"] > [class^="container_"]:last-child { section[class^="panels-"] > [class^="container-"]:last-child {
position: relative; position: relative;
} }
section[class^="panels_"] > [class^="container_"]:last-child > div:last-child { section[class^="panels-"] > [class^="container-"]:last-child > div:last-child {
position: absolute; position: absolute;
right: 0; right: 0;
padding-right: 8px; padding-right: 8px;

View file

@ -1,32 +1,32 @@
[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"], [class^="channelTextArea-"] > [class^="attachedBars-"] [class^="replyBar-"],
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="attachedBars_"] > [class^="attachedBars-"]
[class^="threadSuggestionBar_"] { [class^="threadSuggestionBar-"] {
background: transparent; background: transparent;
} }
[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] { [class^="channelTextArea-"] > [class^="attachedBars-"] [class^="replyBar-"] {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
align-self: flex-start; align-self: flex-start;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="attachedBars_"] > [class^="attachedBars-"]
[class^="replyBar_"] [class^="replyBar-"]
> [class^="actions_"] { > [class^="actions-"] {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="attachedBars_"] > [class^="attachedBars-"]
[class^="replyBar_"] [class^="replyBar-"]
[class*="replyLabel_"] { [class*="replyLabel-"] {
margin-left: 12px; margin-left: 12px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="attachedBars_"] > [class^="attachedBars-"]
[class^="replyBar_"] [class^="replyBar-"]
> [class^="actions_"]::after { > [class^="actions-"]::after {
position: relative; position: relative;
content: ""; content: "";
background-color: var(--background-modifier-accent); background-color: var(--background-modifier-accent);

View file

@ -1,13 +1,13 @@
[class^="progressBarContainer_"] { [class^="progressBarContainer-"] {
background: url("data:image/gif;base64,R0lGODlhMAAMAIAAAAxBd////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgAAACwAAAAAMAAMAAACJYSPqcvtD6MKstpLr24Z9A2GYvJ544mhXQmxoesElIyCcB3dRgEAIfkEBAoAAAAsAQACAC0ACgAAAiGEj6nLHG0enNQdWbPefOHYhSLydVhJoSYXPO04qrAmJwUAIfkEBAoAAAAsBQABACkACwAAAiGEj6nLwQ8jcC5ViW3evHt1GaE0flxpphn6BNTEqvI8dQUAIfkEBAoAAAAsAQABACoACwAAAiGEj6nLwQ+jcU5VidPNvPtvad0GfmSJeicUUECbxnK0RgUAIfkEBAoAAAAsAAAAACcADAAAAiCEj6mbwQ+ji5QGd6t+c/v2hZzYiVpXmuoKIikLm6hXAAAh+QQECgAAACwAAAAALQAMAAACI4SPqQvBD6NysloTXL480g4uX0iW1Wg21oem7ismLUy/LFwAACH5BAQKAAAALAkAAAAkAAwAAAIghI8Joe0Po0yBWTaz3g/z7UXhMX7kYmplmo0rC8cyUgAAIfkEBAoAAAAsBQAAACUACgAAAh2Ejwmh7Q+jbIFZNrPeEXPudU74IVa5kSiYqOtRAAAh+QQECgAAACwEAAAAIgAKAAACHISPELfpD6OcqTGKs4bWRp+B36YFi0mGaVmtWQEAIfkEBAoAAAAsAAAAACMACgAAAh2EjxC36Q+jnK8xirOW1kavgd+2BYtJhmnpiGtUAAAh+QQECgAAACwAAAAALgALAAACIYSPqcvtD+MKicqLn82c7e6BIhZQ5jem6oVKbfdqQLzKBQAh+QQECgAAACwCAAIALAAJAAACHQx+hsvtD2OStDplKc68r2CEm0eW5uSN6aqe1lgAADs="); background: url("data:image/gif;base64,R0lGODlhMAAMAIAAAAxBd////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgAAACwAAAAAMAAMAAACJYSPqcvtD6MKstpLr24Z9A2GYvJ544mhXQmxoesElIyCcB3dRgEAIfkEBAoAAAAsAQACAC0ACgAAAiGEj6nLHG0enNQdWbPefOHYhSLydVhJoSYXPO04qrAmJwUAIfkEBAoAAAAsBQABACkACwAAAiGEj6nLwQ8jcC5ViW3evHt1GaE0flxpphn6BNTEqvI8dQUAIfkEBAoAAAAsAQABACoACwAAAiGEj6nLwQ+jcU5VidPNvPtvad0GfmSJeicUUECbxnK0RgUAIfkEBAoAAAAsAAAAACcADAAAAiCEj6mbwQ+ji5QGd6t+c/v2hZzYiVpXmuoKIikLm6hXAAAh+QQECgAAACwAAAAALQAMAAACI4SPqQvBD6NysloTXL480g4uX0iW1Wg21oem7ismLUy/LFwAACH5BAQKAAAALAkAAAAkAAwAAAIghI8Joe0Po0yBWTaz3g/z7UXhMX7kYmplmo0rC8cyUgAAIfkEBAoAAAAsBQAAACUACgAAAh2Ejwmh7Q+jbIFZNrPeEXPudU74IVa5kSiYqOtRAAAh+QQECgAAACwEAAAAIgAKAAACHISPELfpD6OcqTGKs4bWRp+B36YFi0mGaVmtWQEAIfkEBAoAAAAsAAAAACMACgAAAh2EjxC36Q+jnK8xirOW1kavgd+2BYtJhmnpiGtUAAAh+QQECgAAACwAAAAALgALAAACIYSPqcvtD+MKicqLn82c7e6BIhZQ5jem6oVKbfdqQLzKBQAh+QQECgAAACwCAAIALAAJAAACHQx+hsvtD2OStDplKc68r2CEm0eW5uSN6aqe1lgAADs=");
} }
[class^="progressBarContainer_"] [class^="progressBar_"] { [class^="progressBarContainer-"] [class^="progressBar-"] {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCQzIyREQ0QjdEMTFFMzlEMDM4Qzc3MEY0NzdGMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzIyREU0QjdEMTFFMzlEMDM4Qzc3MEY0NzdGMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JDMjJEQjRCN0QxMUUzOUQwMzhDNzcwRjQ3N0YwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjJEQzRCN0QxMUUzOUQwMzhDNzcwRjQ3N0YwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PovDFgYAAAAmSURBVHjaYvjPwMAAxjMZmBhA9H8INv4P4TPM/A+m04zBNECAAQBCWQv9SUQpVgAAAABJRU5ErkJggg=="); background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCQzIyREQ0QjdEMTFFMzlEMDM4Qzc3MEY0NzdGMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzIyREU0QjdEMTFFMzlEMDM4Qzc3MEY0NzdGMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JDMjJEQjRCN0QxMUUzOUQwMzhDNzcwRjQ3N0YwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjJEQzRCN0QxMUUzOUQwMzhDNzcwRjQ3N0YwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PovDFgYAAAAmSURBVHjaYvjPwMAAxjMZmBhA9H8INv4P4TPM/A+m04zBNECAAQBCWQv9SUQpVgAAAABJRU5ErkJggg==");
background-size: contain; background-size: contain;
} }
[class^="progressBarContainer_"] [class^="progressBar_"]:after { [class^="progressBarContainer-"] [class^="progressBar-"]:after {
content: ""; content: "";
background: url("data:image/gif;base64,R0lGODlhIgAVAKIHAL3/9/+Zmf8zmf/MmZmZmf+Z/wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBNjY5RTU1NEJFMzExOUM4QUM2MDAwNDQzRERBQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCREIzOEIzMzRCN0IxMUUzODhEQjgwOTYzMTgyNTE0QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCREIzOEIzMjRCN0IxMUUzODhEQjgwOTYzMTgyNTE0QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1QkE2NjlFNTU0QkUzMTE5QzhBQzYwMDA0NDNEREFDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMyQkE2NjlFNTU0QkUzMTE5QzhBQzYwMDA0NDNEREFDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQcABwAsAAAAACIAFQAAA6J4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93bqCA7f7TFaYoIFAMMwczB5EkTzJllEUttmIGoG5bfPBjDawD7CsJC67uWcv2CRov929C/q2ZpcBbYBmLGk6W1BRY4MUDnMvJEsBAXdlknk2fCeRk2iJliAijpBlEmigjR0plKSgpKWvEUheF4tUZqZID1RHjEe8PsDBBwkAIfkECQcABwAsAAAAACIAFQAAA6B4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93TqS40XiKSYgTLBgIBAMqE/zmQSaZEzns+jQ9pC/5dQJ0VIv5KMVWxqb36opxHrNvu9ptPfGbmsBbgSAeRdydCdjXWRPchQPh1hNAQF4TpM9NnwukpRyi5chGjqJEoSOIh0plaYsZBKvsCuNjY5ptElgDyFIuj6+vwcJACH5BAkHAAcALAAAAAAiABUAAAOfeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GKifWaddvNQAtszXYCxgR/Zy5jYTFeXmSDiIZGdQEBd06QSBQ5e4cEkE9nnZQaG2J4F4MSLx8rkqUSZBeurhlTUqsLsi60DpZxSWBJugcJACH5BAkHAAcALAAAAAAiABUAAAOgeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GuifWaddvNwMkZtmY7AWMEgGcKY2ExXl5khFMVc0Z1AQF3TpJShDl8iASST2efloV5JTyJFpgOch8dgW9KZxexshGNLqgLtbW0SXFwvaJfCQAh+QQJBwAHACwAAAAAIgAVAAADoXi63P7wmUmrnVGOzbvfRsYYXGGe6MmF4kEOaSGYMwq2LizHfDGwIlLPNKGZfi6gZmggEAy2iVPZEKZqzakq+1xUFFYe90lxTsHmim6HGpvf3eR7skYJ3PC5tyystc0AboFnVXQ9XFJTZIQOYUYFTQEBeWaSVF4bbCeRk1meBJYSL3WbaReMIxQfHXh6jaYXsbEQni6oaF21ERR7l0ksvA0JACH5BAkHAAcALAAAAAAiABUAAAOeeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMfFlA4hTITEMxkIBMOuADwmhzqeM6mashTCXKw2TVKQyKuTRSx2wegnNkyJ1ozpOFiMLqcEU8BZHx6NYW8nVlZefQ1tZgQBAXJIi1eHUTRwi0lhl48QL0sogxaGDhMlUo2gh14fHhcVmnOrrxNqrU9joX21Q0IUElm7DQkAIfkECQcABwAsAAAAACIAFQAAA6J4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93bqCA7f7TFaYoIFAMMwczB5EkTzJllEUttmIGoG5bfPBjDawD7CsJC67uWcv2CRov929C/q2ZpcBbYBmLGk6W1BRY4MUDnMvJEsBAXdlknk2fCeRk2iJliAijpBlEmigjR0plKSgpKWvEUheF4tUZqZID1RHjEe8PsDBBwkAIfkECQcABwAsAAAAACIAFQAAA6B4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93TqS40XiKSYgTLBgIBAMqE/zmQSaZEzns+jQ9pC/5dQJ0VIv5KMVWxqb36opxHrNvu9ptPfGbmsBbgSAeRdydCdjXWRPchQPh1hNAQF4TpM9NnwukpRyi5chGjqJEoSOIh0plaYsZBKvsCuNjY5ptElgDyFIuj6+vwcJACH5BAkHAAcALAAAAAAiABUAAAOfeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GKifWaddvNQAtszXYCxgR/Zy5jYTFeXmSDiIZGdQEBd06QSBQ5e4cEkE9nnZQaG2J4F4MSLx8rkqUSZBeurhlTUqsLsi60DpZxSWBJugcJACH5BAkHAAcALAAAAAAiABUAAAOgeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GuifWaddvNwMkZtmY7AWMEgGcKY2ExXl5khFMVc0Z1AQF3TpJShDl8iASST2efloV5JTyJFpgOch8dgW9KZxexshGNLqgLtbW0SXFwvaJfCQAh+QQJBwAHACwAAAAAIgAVAAADoXi63P7wmUmrnVGOzbvfRsYYXGGe6MmF4kEOaSGYMwq2LizHfDGwIlLPNKGZfi6gZmggEAy2iVPZEKZqzakq+1xUFFYe90lxTsHmim6HGpvf3eR7skYJ3PC5tyystc0AboFnVXQ9XFJTZIQOYUYFTQEBeWaSVF4bbCeRk1meBJYSL3WbaReMIxQfHXh6jaYXsbEQni6oaF21ERR7l0ksvA0JACH5BAkHAAcALAAAAAAiABUAAAOeeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMfFlA4hTITEMxkIBMOuADwmhzqeM6mashTCXKw2TVKQyKuTRSx2wegnNkyJ1ozpOFiMLqcEU8BZHx6NYW8nVlZefQ1tZgQBAXJIi1eHUTRwi0lhl48QL0sogxaGDhMlUo2gh14fHhcVmnOrrxNqrU9joX21Q0IUElm7DQkAOw=="); background: url("data:image/gif;base64,R0lGODlhIgAVAKIHAL3/9/+Zmf8zmf/MmZmZmf+Z/wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBNjY5RTU1NEJFMzExOUM4QUM2MDAwNDQzRERBQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCREIzOEIzMzRCN0IxMUUzODhEQjgwOTYzMTgyNTE0QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCREIzOEIzMjRCN0IxMUUzODhEQjgwOTYzMTgyNTE0QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1QkE2NjlFNTU0QkUzMTE5QzhBQzYwMDA0NDNEREFDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMyQkE2NjlFNTU0QkUzMTE5QzhBQzYwMDA0NDNEREFDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQcABwAsAAAAACIAFQAAA6J4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93bqCA7f7TFaYoIFAMMwczB5EkTzJllEUttmIGoG5bfPBjDawD7CsJC67uWcv2CRov929C/q2ZpcBbYBmLGk6W1BRY4MUDnMvJEsBAXdlknk2fCeRk2iJliAijpBlEmigjR0plKSgpKWvEUheF4tUZqZID1RHjEe8PsDBBwkAIfkECQcABwAsAAAAACIAFQAAA6B4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93TqS40XiKSYgTLBgIBAMqE/zmQSaZEzns+jQ9pC/5dQJ0VIv5KMVWxqb36opxHrNvu9ptPfGbmsBbgSAeRdydCdjXWRPchQPh1hNAQF4TpM9NnwukpRyi5chGjqJEoSOIh0plaYsZBKvsCuNjY5ptElgDyFIuj6+vwcJACH5BAkHAAcALAAAAAAiABUAAAOfeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GKifWaddvNQAtszXYCxgR/Zy5jYTFeXmSDiIZGdQEBd06QSBQ5e4cEkE9nnZQaG2J4F4MSLx8rkqUSZBeurhlTUqsLsi60DpZxSWBJugcJACH5BAkHAAcALAAAAAAiABUAAAOgeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GuifWaddvNwMkZtmY7AWMEgGcKY2ExXl5khFMVc0Z1AQF3TpJShDl8iASST2efloV5JTyJFpgOch8dgW9KZxexshGNLqgLtbW0SXFwvaJfCQAh+QQJBwAHACwAAAAAIgAVAAADoXi63P7wmUmrnVGOzbvfRsYYXGGe6MmF4kEOaSGYMwq2LizHfDGwIlLPNKGZfi6gZmggEAy2iVPZEKZqzakq+1xUFFYe90lxTsHmim6HGpvf3eR7skYJ3PC5tyystc0AboFnVXQ9XFJTZIQOYUYFTQEBeWaSVF4bbCeRk1meBJYSL3WbaReMIxQfHXh6jaYXsbEQni6oaF21ERR7l0ksvA0JACH5BAkHAAcALAAAAAAiABUAAAOeeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMfFlA4hTITEMxkIBMOuADwmhzqeM6mashTCXKw2TVKQyKuTRSx2wegnNkyJ1ozpOFiMLqcEU8BZHx6NYW8nVlZefQ1tZgQBAXJIi1eHUTRwi0lhl48QL0sogxaGDhMlUo2gh14fHhcVmnOrrxNqrU9joX21Q0IUElm7DQkAIfkECQcABwAsAAAAACIAFQAAA6J4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93bqCA7f7TFaYoIFAMMwczB5EkTzJllEUttmIGoG5bfPBjDawD7CsJC67uWcv2CRov929C/q2ZpcBbYBmLGk6W1BRY4MUDnMvJEsBAXdlknk2fCeRk2iJliAijpBlEmigjR0plKSgpKWvEUheF4tUZqZID1RHjEe8PsDBBwkAIfkECQcABwAsAAAAACIAFQAAA6B4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93TqS40XiKSYgTLBgIBAMqE/zmQSaZEzns+jQ9pC/5dQJ0VIv5KMVWxqb36opxHrNvu9ptPfGbmsBbgSAeRdydCdjXWRPchQPh1hNAQF4TpM9NnwukpRyi5chGjqJEoSOIh0plaYsZBKvsCuNjY5ptElgDyFIuj6+vwcJACH5BAkHAAcALAAAAAAiABUAAAOfeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GKifWaddvNQAtszXYCxgR/Zy5jYTFeXmSDiIZGdQEBd06QSBQ5e4cEkE9nnZQaG2J4F4MSLx8rkqUSZBeurhlTUqsLsi60DpZxSWBJugcJACH5BAkHAAcALAAAAAAiABUAAAOgeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GuifWaddvNwMkZtmY7AWMEgGcKY2ExXl5khFMVc0Z1AQF3TpJShDl8iASST2efloV5JTyJFpgOch8dgW9KZxexshGNLqgLtbW0SXFwvaJfCQAh+QQJBwAHACwAAAAAIgAVAAADoXi63P7wmUmrnVGOzbvfRsYYXGGe6MmF4kEOaSGYMwq2LizHfDGwIlLPNKGZfi6gZmggEAy2iVPZEKZqzakq+1xUFFYe90lxTsHmim6HGpvf3eR7skYJ3PC5tyystc0AboFnVXQ9XFJTZIQOYUYFTQEBeWaSVF4bbCeRk1meBJYSL3WbaReMIxQfHXh6jaYXsbEQni6oaF21ERR7l0ksvA0JACH5BAkHAAcALAAAAAAiABUAAAOeeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMfFlA4hTITEMxkIBMOuADwmhzqeM6mashTCXKw2TVKQyKuTRSx2wegnNkyJ1ozpOFiMLqcEU8BZHx6NYW8nVlZefQ1tZgQBAXJIi1eHUTRwi0lhl48QL0sogxaGDhMlUo2gh14fHhcVmnOrrxNqrU9joX21Q0IUElm7DQkAOw==");
background-size: contain; background-size: contain;
@ -18,6 +18,6 @@
top: -6px; top: -6px;
} }
[class^="progressBarContainer_"] [class^="tadaIcon_"] { [class^="progressBarContainer-"] [class^="tadaIcon-"] {
display: none; display: none;
} }

View file

@ -1,34 +1,34 @@
[class*="embed_"] { [class*="embed-"] {
border-radius: 0 0 0 0; border-radius: 0 0 0 0;
border-color: var(--interactive-active); border-color: var(--interactive-active);
} }
[class*="embed_"] [class*="embedInner_"] { [class*="embed-"] [class*="embedInner-"] {
border-color: transparent; border-color: transparent;
} }
[class*="embed_"] [class*="embedAuthorIcon_"] { [class*="embed-"] [class*="embedAuthorIcon-"] {
border-radius: 0; border-radius: 0;
} }
[class*="embed_"] [class^="grid_"] { [class*="embed-"] [class^="grid-"] {
padding: 8px !important; padding: 8px !important;
} }
[class*="embed_"] [class*="embedMargin_"] { [class*="embed-"] [class*="embedMargin-"] {
margin-top: 4px !important; margin-top: 4px !important;
} }
[class*="embed_"] [class*="embedMedia_"] { [class*="embed-"] [class*="embedMedia-"] {
margin-top: 4px !important; margin-top: 4px !important;
} }
[class*="embed_"] [class*="embedTitle_"] { [class*="embed-"] [class*="embedTitle-"] {
font-size: 16px !important; font-size: 16px !important;
font-weight: 200 !important; font-weight: 200 !important;
} }
[class*="embed_"] [class*="embedFieldName_"] { [class*="embed-"] [class*="embedFieldName-"] {
font-weight: 500 !important; font-weight: 500 !important;
} }
[class*="embed_"] [class*="embedDescription_"], [class*="embed-"] [class*="embedDescription-"],
[class*="embed_"] [class*="embedFieldName_"], [class*="embed-"] [class*="embedFieldName-"],
[class*="embed_"] [class*="embedFieldValue_"] { [class*="embed-"] [class*="embedFieldValue-"] {
font-size: 16px !important; font-size: 16px !important;
} }
[class*="embed_"] [class*="embedFooterText_"] { [class*="embed-"] [class*="embedFooterText-"] {
font-size: 0.8em; font-size: 0.8em;
} }

View file

@ -1,10 +1,10 @@
[class^="role_"] { [class^="role-"] {
position: relative; position: relative;
border-radius: 5%; border-radius: 5%;
} }
[class^="role_"] [class^="roleRemoveButton_"] [class^="roleCircle_"], [class^="role-"] [class^="roleRemoveButton-"] [class^="roleCircle-"],
[class^="role_"] [class^="roleRemoveButton_"] [class^="roleFlowerStar_"] { [class^="role-"] [class^="roleRemoveButton-"] [class^="roleFlowerStar-"] {
margin: 0 !important; margin: 0 !important;
border-radius: 5% !important; border-radius: 5% !important;
width: 100% !important; width: 100% !important;
@ -16,7 +16,7 @@
opacity: 0.25; opacity: 0.25;
} }
[class^="role_"] [class^="roleFlowerStar_"] > svg[class^="linkIcon_"] { [class^="role-"] [class^="roleFlowerStar-"] > svg[class^="linkIcon-"] {
z-index: 7; z-index: 7;
position: absolute; position: absolute;
right: -2px; right: -2px;
@ -24,7 +24,7 @@
opacity: 5; opacity: 5;
} }
[class^="role_"] [class^="roleRemoveButton_"] { [class^="role-"] [class^="roleRemoveButton-"] {
position: absolute; position: absolute;
left: 0; left: 0;
width: 100%; width: 100%;
@ -33,16 +33,16 @@
overflow-y: visible; overflow-y: visible;
} }
[class^="role_"] [class^="roleIcon_"] { [class^="role-"] [class^="roleIcon-"] {
z-index: 5; z-index: 5;
} }
[class^="role_"] [class^="roleName_"] { [class^="role-"] [class^="roleName-"] {
z-index: 2; z-index: 2;
margin-right: 0; margin-right: 0;
} }
[class^="role_"] [class^="roleRemoveIcon_"] { [class^="role-"] [class^="roleRemoveIcon-"] {
display: block; display: block;
position: absolute; position: absolute;
top: 4px; top: 4px;
@ -50,7 +50,7 @@
z-index: 6; z-index: 6;
} }
[class^="role_"] [class^="roleRemoveButton_"] [class*="roleDot_"] { [class^="role-"] [class^="roleRemoveButton-"] [class*="roleDot-"] {
width: 1em !important; width: 1em !important;
height: 1em !important; height: 1em !important;
margin-top: 0.25em; margin-top: 0.25em;

View file

@ -218,10 +218,10 @@ html {
--brand-experiment-95a: rgba(var(--accent-rgb), 0.95) !important; --brand-experiment-95a: rgba(var(--accent-rgb), 0.95) !important;
} }
[class^="appMount_"], [class^="appMount-"],
[class^="bg_"], [class^="bg-"],
[class^="layers_"] > [class^="layer_"], [class^="layers-"] > [class^="layer-"],
[class^="app_"] { [class^="app-"] {
background-color: transparent !important; background-color: transparent !important;
} }
@ -291,126 +291,126 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
fill: var(--status-streaming); fill: var(--status-streaming);
} }
[class^="containerDefault_"]:not(:hover):not([class*="selected_"]) [class^="containerDefault-"]:not(:hover):not([class*="selected-"])
[class*="modeUnread_"] [class*="modeUnread-"]
svg[class^="icon_"], svg[class^="icon-"],
[class^="containerDefault_"]:not(:hover):not([class*="selected_"]) [class^="containerDefault-"]:not(:hover):not([class*="selected-"])
[class*="modeUnread_"] [class*="modeUnread-"]
[class^="name_"] { [class^="name-"] {
color: var(--accent, var(--brand-new-500)); color: var(--accent, var(--brand-new-500));
} }
[class^="containerDefault_"] [class*="modeUnread_"] [class^="unread_"] { [class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] {
background-color: var(--accent, var(--brand-new-500)); background-color: var(--accent, var(--brand-new-500));
} }
[class^="containerDefault_"]:not(:hover) [class^="containerDefault-"]:not(:hover)
[class*="modeSelected_"] [class*="modeSelected-"]
svg[class^="icon_"] { svg[class^="icon-"] {
color: var(--interactive-active); color: var(--interactive-active);
} }
[class^="containerDefault_"] [class^="containerDefault-"]
[class*="iconVisibility_"]:hover [class*="iconVisibility-"]:hover
svg[class^="icon_"], svg[class^="icon-"],
[class^="containerDefault_"] [class*="iconVisibility_"]:hover [class^="name_"], [class^="containerDefault-"] [class*="iconVisibility-"]:hover [class^="name-"],
[class^="wrapper_"]:hover [class^="wrapper-"]:hover
> [class^="content_"] > [class^="content-"]
> [class^="mainContent_"] > [class^="mainContent-"]
> [class^="iconContainer_"] > [class^="iconContainer-"]
> svg[class^="icon_"] { > svg[class^="icon-"] {
color: var(--interactive-hover) !important; color: var(--interactive-hover) !important;
} }
[class*="menu_"] [class^="item_"]:active, [class*="menu-"] [class^="item-"]:active,
[class*="menu_"] [class^="item_"][class*="focused_"], [class*="menu-"] [class^="item-"][class*="focused-"],
[class*="lookFilled_"][class*="colorBrand_"]:not([class*="buttonColor_"]), [class*="lookFilled-"][class*="colorBrand-"]:not([class*="buttonColor-"]),
[class*="lookFilled_"][class*="colorBrandNew_"]:not([class*="buttonColor_"]), [class*="lookFilled-"][class*="colorBrandNew-"]:not([class*="buttonColor-"]),
[style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch_"]), [style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch-"]),
[class^="slider_"] [class^="bar_"] [class^="barFill_"], [class^="slider-"] [class^="bar-"] [class^="barFill-"],
[class^="control_"] [class^="control-"]
[class^="container_"][style*="background-color: rgb(67, 181, 129);"] { [class^="container-"][style*="background-color: rgb(67, 181, 129);"] {
background-color: var(--accent, var(--brand-new-500)) !important; background-color: var(--accent, var(--brand-new-500)) !important;
} }
[style*="border-color: rgb(114, 137, 218)"], [style*="border-color: rgb(114, 137, 218)"],
[class*="lookOutlined_"][class*="colorBrand_"] { [class*="lookOutlined-"][class*="colorBrand-"] {
border-color: var(--accent, var(--brand-new-500)) !important; border-color: var(--accent, var(--brand-new-500)) !important;
} }
[class*="lookOutlined_"][class*="colorBrand_"], [class*="lookOutlined-"][class*="colorBrand-"],
[class*="colorDefault_"]:not([class*="focused_"]) [class^="checkbox_"], [class*="colorDefault-"]:not([class*="focused-"]) [class^="checkbox-"],
[class*="colorDefault_"]:not([class*="focused_"]) [class^="radioSelection_"], [class*="colorDefault-"]:not([class*="focused-"]) [class^="radioSelection-"],
[class*="colorDefault_"][class*="focused_"] [class^="check_"] { [class*="colorDefault-"][class*="focused-"] [class^="check-"] {
color: var(--accent, var(--brand-new-500)) !important; color: var(--accent, var(--brand-new-500)) !important;
} }
[class*="mentioned_"]:before { [class*="mentioned-"]:before {
background-color: var(--accent, var(--brand-new-500)); background-color: var(--accent, var(--brand-new-500));
} }
[class^="slider_"] [class^="bar_"], [class^="slider-"] [class^="bar-"],
[class^="control_"] [class^="control-"]
[class^="container_"][style*="background-color: rgb(114, 118, 125);"] { [class^="container-"][style*="background-color: rgb(114, 118, 125);"] {
background-color: var(--background-secondary) !important; background-color: var(--background-secondary) !important;
} }
.mention[class*="wrapper_"] { .mention[class*="wrapper-"] {
color: var(--accent, var(--brand-new-500)); color: var(--accent, var(--brand-new-500));
background: rgba(var(--accent-rgb), 0.1); background: rgba(var(--accent-rgb), 0.1);
} }
.mention[class*="wrapper_"]:hover { .mention[class*="wrapper-"]:hover {
color: #ffffff; color: #ffffff;
background: var(--accent, var(--brand-new-500)); background: var(--accent, var(--brand-new-500));
} }
[class*="mentioned_"] .mention.interactive:hover { [class*="mentioned-"] .mention.interactive:hover {
color: var(--accent, var(--brand-new-500)) !important; color: var(--accent, var(--brand-new-500)) !important;
} }
[class^="mediaBarGrabber_"], [class^="mediaBarGrabber-"],
[class^="mediaBarProgress_"], [class^="mediaBarProgress-"],
[class^="mediaBarProgress_"]:after, [class^="mediaBarProgress-"]:after,
[class^="mediaBarProgress_"]:before { [class^="mediaBarProgress-"]:before {
background-color: var(--accent, var(--brand-new-500)) !important; background-color: var(--accent, var(--brand-new-500)) !important;
} }
[class^="reaction_"] { [class^="reaction-"] {
background-color: var(--background-secondary); background-color: var(--background-secondary);
border: none; border: none;
border-radius: 4px !important; border-radius: 4px !important;
} }
[class^="reaction_"]:hover, [class^="reaction-"]:hover,
[class^="reaction_"][class*="reactionMe_"] { [class^="reaction-"][class*="reactionMe-"] {
background-color: var(--highlight, var(--primary-dark-500)); background-color: var(--highlight, var(--primary-dark-500));
} }
[class^="reaction_"][class*="reactionMe_"] [class*="reactionCount_"], [class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"],
[class^="reaction_"]:hover [class*="reactionCount_"] { [class^="reaction-"]:hover [class*="reactionCount-"] {
color: var(--white-500) !important; color: var(--white-500) !important;
} }
[class^="reaction_"] [class*="reactionCount_"] { [class^="reaction-"] [class*="reactionCount-"] {
color: var(--text, var(--text-normal)); color: var(--text, var(--text-normal));
} }
[class*="progressBarHeader_"] > [class^="container_"]:not([class*="checked_"]), [class*="progressBarHeader-"] > [class^="container-"]:not([class*="checked-"]),
[class^="control_"] > [class^="container_"]:not([class*="checked_"]) { [class^="control-"] > [class^="container-"]:not([class*="checked-"]) {
background-color: var(--highlight) !important; background-color: var(--highlight) !important;
} }
[class*="progressBarHeader_"] > [class^="container_"][class*="checked_"], [class*="progressBarHeader-"] > [class^="container-"][class*="checked-"],
[class^="control_"] > [class^="container_"][class*="checked_"] { [class^="control-"] > [class^="container-"][class*="checked-"] {
background-color: var(--_color2) !important; background-color: var(--_color2) !important;
} }
[class^="radioBar_"][style*="--radio-bar-accent-color:hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] { [class^="radioBar-"][style*="--radio-bar-accent-color:hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] {
--radio-bar-accent-color: var(--_color2) !important; --radio-bar-accent-color: var(--_color2) !important;
} }
[class^="radioBar_"][style*="--radio-bar-accent-color:hsl(37, calc(var(--saturation-factor, 1) * 81.2%), 43.9%);"] { [class^="radioBar-"][style*="--radio-bar-accent-color:hsl(37, calc(var(--saturation-factor, 1) * 81.2%), 43.9%);"] {
--radio-bar-accent-color: var(--_color3) !important; --radio-bar-accent-color: var(--_color3) !important;
} }
[class^="radioBar_"][style*="--radio-bar-accent-color:hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] { [class^="radioBar-"][style*="--radio-bar-accent-color:hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] {
--radio-bar-accent-color: var(--_color1) !important; --radio-bar-accent-color: var(--_color1) !important;
} }
@ -421,60 +421,60 @@ span[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%
background-color: var(--red, var(--status-red-500)) !important; background-color: var(--red, var(--status-red-500)) !important;
} }
[class^="updateIconForeground_"] { [class^="updateIconForeground-"] {
fill: var(--_color2); fill: var(--_color2);
} }
[class*="tierHeaderLocked_"], [class*="tierHeaderLocked-"],
[class*="tierHeaderUnlocked_"] { [class*="tierHeaderUnlocked-"] {
background-color: var(--background-secondary) !important; background-color: var(--background-secondary) !important;
} }
[class*="tierAccomplished_"], [class*="tierAccomplished-"],
[class*="tierCurrent_"], [class*="tierCurrent-"],
[class*="tierFirst_"] { [class*="tierFirst-"] {
background: var(--_color13) !important; background: var(--_color13) !important;
} }
[class^="progressWithSubscriptions_"] > svg > g > rect[class^="background_"] { [class^="progressWithSubscriptions-"] > svg > g > rect[class^="background-"] {
color: var(--background-secondary); color: var(--background-secondary);
} }
[class^="tierIcon_"], [class^="tierIcon-"],
[class^="unlockedIcon_"], [class^="unlockedIcon-"],
[class^="progressWithSubscriptions_"] > svg > g > rect[class^="foreground_"] { [class^="progressWithSubscriptions-"] > svg > g > rect[class^="foreground-"] {
color: var(--_color13) !important; color: var(--_color13) !important;
} }
svg[fill="#FF73FA"] { svg[fill="#FF73FA"] {
fill: var(--_color13) !important; fill: var(--_color13) !important;
} }
[class^="activeCircle_"] { [class^="activeCircle-"] {
background-color: var(--_color2) !important; background-color: var(--_color2) !important;
} }
[class*="allow_"][class*="selected_"] { [class*="allow-"][class*="selected-"] {
background-color: var(--status-positive) !important; background-color: var(--status-positive) !important;
} }
[class^="item_"][style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] { [class^="item-"][style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] {
background-color: var(--_color2) !important; background-color: var(--_color2) !important;
} }
[class*="unreadBar_"][class*="mention_"], [class*="unreadBar-"][class*="mention-"],
[class^="numberBadge_"] { [class^="numberBadge-"] {
background-color: var(--red, var(--status-red-500)) !important; background-color: var(--red, var(--status-red-500)) !important;
} }
[class*="bar_"][class*="mention_"] { [class*="bar-"][class*="mention-"] {
background-color: var(--red, var(--status-red-500)); background-color: var(--red, var(--status-red-500));
} }
a[class^="anchor_"]:not([aria-controls^="popout_"]) { a[class^="anchor-"]:not([aria-controls^="popout_"]) {
color: var(--text-link) !important; color: var(--text-link) !important;
} }
.theme-light [class*="button_"][class*="lookFilled_"][class*="colorPrimary_"] { .theme-light [class*="button-"][class*="lookFilled-"][class*="colorPrimary-"] {
color: var(--text) !important; color: var(--text) !important;
} }
@ -484,12 +484,12 @@ a[class^="anchor_"]:not([aria-controls^="popout_"]) {
background: var(--deprecated-card-bg) !important; background: var(--deprecated-card-bg) !important;
} }
[class^="markdown_"] [class^="codeInline_"], [class^="markdown-"] [class^="codeInline-"],
code.inline, code.inline,
.hljs { .hljs {
color: var(--_colorFG) !important; color: var(--_colorFG) !important;
} }
[class^="markdown_"] code, [class^="markdown-"] code,
.hljs { .hljs {
background: var(--background-secondary) !important; background: var(--background-secondary) !important;
} }

View file

@ -1,3 +1,3 @@
[class*="pictureInPicture_"] { [class*="pictureInPicture-"] {
display: none; display: none;
} }

View file

@ -34,11 +34,11 @@
--highlight: #232323; --highlight: #232323;
--highlight-rgb: 35, 35, 35; --highlight-rgb: 35, 35, 35;
--status-online: #43b581 !important; --status-online: #43b581;
--status-idle: #faa61a !important; --status-idle: #faa61a;
--status-dnd: #f04747 !important; --status-dnd: #f04747;
--status-offline: #747f8d !important; --status-offline: #747f8d;
--status-streaming: #593695 !important; --status-streaming: #593695;
--titlebar-color: #060606; --titlebar-color: #060606;
} }

View file

@ -34,13 +34,11 @@
--highlight: #634e75; --highlight: #634e75;
--highlight-rgb: 99, 78, 117; --highlight-rgb: 99, 78, 117;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color5) !important; --status-dnd: var(--_color5);
--status-offline: var(--highlight) !important; --status-offline: var(--highlight);
--status-streaming: var(--_color4) !important; --status-streaming: var(--_color4);
--status-warning-text: var(--primary) !important;
} }
#splash { #splash {

View file

@ -36,13 +36,11 @@
--highlight: #5c5c5c; --highlight: #5c5c5c;
--highlight-rgb: 92, 92, 92; --highlight-rgb: 92, 92, 92;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color5) !important; --status-dnd: var(--_color5);
--status-offline: var(--highlight) !important; --status-offline: var(--highlight);
--status-streaming: var(--_color4) !important; --status-streaming: var(--_color4);
--status-warning-text: var(--primary) !important;
--titlebar-color: var(--accent); --titlebar-color: var(--accent);
--wc-bright: #383838; --wc-bright: #383838;

View file

@ -34,11 +34,11 @@
--highlight: #747474; --highlight: #747474;
--highlight-rgb: 116, 116, 116; --highlight-rgb: 116, 116, 116;
--status-online: #43b581 !important; --status-online: #43b581;
--status-idle: #faa61a !important; --status-idle: #faa61a;
--status-dnd: #f04747 !important; --status-dnd: #f04747;
--status-offline: #747f8d !important; --status-offline: #747f8d;
--status-streaming: #593695 !important; --status-streaming: #593695;
--titlebar-color: var(--tertiary); --titlebar-color: var(--tertiary);
} }

View file

@ -34,11 +34,11 @@
--highlight: #a5adce; --highlight: #a5adce;
--highlight-rgb: 165, 173, 206; --highlight-rgb: 165, 173, 206;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--_color8) !important; --status-offline: var(--_color8);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--titlebar-color: #414559; --titlebar-color: #414559;

View file

@ -34,11 +34,11 @@
--highlight: #a5adcb; --highlight: #a5adcb;
--highlight-rgb: 165, 173, 203; --highlight-rgb: 165, 173, 203;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--_color8) !important; --status-offline: var(--_color8);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--titlebar-color: #363a4f; --titlebar-color: #363a4f;

View file

@ -34,11 +34,11 @@
--highlight: #a6adc8; --highlight: #a6adc8;
--highlight-rgb: 166, 173, 200; --highlight-rgb: 166, 173, 200;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--_color8) !important; --status-offline: var(--_color8);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--titlebar-color: #313244; --titlebar-color: #313244;

View file

@ -35,11 +35,11 @@
--highlight: var(--xmc-custom-highlight); --highlight: var(--xmc-custom-highlight);
--highlight-rgb: var(--xmc-custom-highlight-rgb); --highlight-rgb: var(--xmc-custom-highlight-rgb);
--status-online: var(--xmc-custom-status-online) !important; --status-online: var(--xmc-custom-status-online);
--status-idle: var(--xmc-custom-status-idle) !important; --status-idle: var(--xmc-custom-status-idle);
--status-dnd: var(--xmc-custom-status-dnd) !important; --status-dnd: var(--xmc-custom-status-dnd);
--status-offline: var(--xmc-custom-status-offline) !important; --status-offline: var(--xmc-custom-status-offline);
--status-streaming: var(--xmc-custom-status-streaming) !important; --status-streaming: var(--xmc-custom-status-streaming);
--interactive-hover: var(--xmc-custom-hover) !important; --interactive-hover: var(--xmc-custom-hover) !important;
--interactive-active: var(--xmc-custom-active) !important; --interactive-active: var(--xmc-custom-active) !important;

View file

@ -34,11 +34,11 @@
--highlight: var(--_color0); --highlight: var(--_color0);
--highlight-rgb: 122, 132, 120; --highlight-rgb: 122, 132, 120;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--highlight) !important; --status-offline: var(--highlight);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--interactive-hover: var(--_color6) !important; --interactive-hover: var(--_color6) !important;
--interactive-active: var(--_color15) !important; --interactive-active: var(--_color15) !important;

View file

@ -34,11 +34,11 @@
--highlight: #665c54; --highlight: #665c54;
--highlight-rgb: 102, 92, 84; --highlight-rgb: 102, 92, 84;
--status-online: var(--_color10) !important; --status-online: var(--_color10);
--status-idle: var(--_color11) !important; --status-idle: var(--_color11);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--_color8) !important; --status-offline: var(--_color8);
--status-streaming: var(--_color13) !important; --status-streaming: var(--_color13);
} }
#splash { #splash {

View file

@ -34,11 +34,11 @@
--highlight: var(--_color8); --highlight: var(--_color8);
--highlight-rgb: 65, 68, 88; --highlight-rgb: 65, 68, 88;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color9) !important; --status-dnd: var(--_color9);
--status-offline: var(--highlight) !important; --status-offline: var(--highlight);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--interactive-hover: var(--_color6) !important; --interactive-hover: var(--_color6) !important;
--interactive-active: var(--_color7) !important; --interactive-active: var(--_color7) !important;

View file

@ -34,11 +34,11 @@
--highlight: #8fbcbb; --highlight: #8fbcbb;
--highlight-rgb: 143, 188, 187; --highlight-rgb: 143, 188, 187;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--_color8) !important; --status-offline: var(--_color8);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--titlebar-color: #4c566a; --titlebar-color: #4c566a;
} }

View file

@ -34,11 +34,11 @@
--highlight: #b5b5b5; --highlight: #b5b5b5;
--highlight-rgb: 181, 181, 181; --highlight-rgb: 181, 181, 181;
--status-online: var(--_color10) !important; --status-online: var(--_color10);
--status-idle: var(--_color11) !important; --status-idle: var(--_color11);
--status-dnd: var(--_color9) !important; --status-dnd: var(--_color9);
--status-offline: var(--highlight) !important; --status-offline: var(--highlight);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--status-danger: var(--red) !important; --status-danger: var(--red) !important;
--interactive-active: var(--white-500) !important; --interactive-active: var(--white-500) !important;

View file

@ -34,11 +34,11 @@
--highlight: #72767d; --highlight: #72767d;
--highlight-rgb: 114, 118, 125; --highlight-rgb: 114, 118, 125;
--status-online: #43b581 !important; --status-online: #43b581;
--status-idle: #faa61a !important; --status-idle: #faa61a;
--status-dnd: #f04747 !important; --status-dnd: #f04747;
--status-offline: #747f8d !important; --status-offline: #747f8d;
--status-streaming: #593695 !important; --status-streaming: #593695;
--titlebar-color: var(--highlight); --titlebar-color: var(--highlight);
} }

View file

@ -34,11 +34,11 @@
--highlight: #565f89; --highlight: #565f89;
--highlight-rgb: 86, 95, 137; --highlight-rgb: 86, 95, 137;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--highlight) !important; --status-offline: var(--highlight);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--interactive-hover: var(--_color4) !important; --interactive-hover: var(--_color4) !important;
--interactive-active: var(--_color15) !important; --interactive-active: var(--_color15) !important;

View file

@ -34,11 +34,11 @@
--highlight: #889180; --highlight: #889180;
--highlight-rgb: 137, 145, 130; --highlight-rgb: 137, 145, 130;
--status-online: var(--_color10) !important; --status-online: var(--_color10);
--status-idle: var(--_color11) !important; --status-idle: var(--_color11);
--status-dnd: var(--_color9) !important; --status-dnd: var(--_color9);
--status-offline: var(--highlight) !important; --status-offline: var(--highlight);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--status-danger: var(--red) !important; --status-danger: var(--red) !important;
--interactive-active: var(--white-500) !important; --interactive-active: var(--white-500) !important;

View file

@ -34,11 +34,11 @@
--highlight: #404040; --highlight: #404040;
--highlight-rgb: 64, 64, 64; --highlight-rgb: 64, 64, 64;
--status-online: var(--_color4) !important; --status-online: var(--_color4);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--_color8) !important; --status-offline: var(--_color8);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--titlebar-color: var(--accent); --titlebar-color: var(--accent);
} }

View file

@ -34,11 +34,11 @@
--highlight: #6c6f85; --highlight: #6c6f85;
--highlight-rgb: 108, 111, 133; --highlight-rgb: 108, 111, 133;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--_color8) !important; --status-offline: var(--_color8);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--titlebar-color: #414559; --titlebar-color: #414559;

View file

@ -34,9 +34,9 @@
--highlight: #bdae93; --highlight: #bdae93;
--highlight-rgb: 189, 174, 147; --highlight-rgb: 189, 174, 147;
--status-online: var(--_color10) !important; --status-online: var(--_color10);
--status-idle: var(--_color11) !important; --status-idle: var(--_color11);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--_color8) !important; --status-offline: var(--_color8);
--status-streaming: var(--_color13) !important; --status-streaming: var(--_color13);
} }

View file

@ -34,11 +34,11 @@
--highlight: #8fbcbb; --highlight: #8fbcbb;
--highlight-rgb: 143, 188, 187; --highlight-rgb: 143, 188, 187;
--status-online: var(--_color2) !important; --status-online: var(--_color2);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--_color8) !important; --status-offline: var(--_color8);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--titlebar-color: #4c566a; --titlebar-color: #4c566a;
} }

View file

@ -34,11 +34,11 @@
--highlight: #72767d; --highlight: #72767d;
--highlight-rgb: 114, 118, 125; --highlight-rgb: 114, 118, 125;
--status-online: #43b581 !important; --status-online: #43b581;
--status-idle: #faa61a !important; --status-idle: #faa61a;
--status-dnd: #f04747 !important; --status-dnd: #f04747;
--status-offline: #747f8d !important; --status-offline: #747f8d;
--status-streaming: #593695 !important; --status-streaming: #593695;
--titlebar-color: var(--highlight); --titlebar-color: var(--highlight);

View file

@ -34,11 +34,11 @@
--highlight: #b0aca5; --highlight: #b0aca5;
--highlight-rgb: 176, 172, 165; --highlight-rgb: 176, 172, 165;
--status-online: var(--_color4) !important; --status-online: var(--_color4);
--status-idle: var(--_color3) !important; --status-idle: var(--_color3);
--status-dnd: var(--_color1) !important; --status-dnd: var(--_color1);
--status-offline: var(--_color8) !important; --status-offline: var(--_color8);
--status-streaming: var(--_color5) !important; --status-streaming: var(--_color5);
--titlebar-color: var(--accent); --titlebar-color: var(--accent);
--interactive-hover: #494949 !important; --interactive-hover: #494949 !important;

View file

@ -1,100 +1,100 @@
[class*="avatar_"], [class*="avatar-"],
[class*="avatar_"] [class*="image_"], [class*="avatar-"] [class*="image-"],
[class*="callAvatar_"], [class*="callAvatar-"],
[class*="callAvatar_"] [class*="speaking_"], [class*="callAvatar-"] [class*="speaking-"],
[class*="avatarDefault_"], [class*="avatarDefault-"],
[class*="avatarSpeaking_"], [class*="avatarSpeaking-"],
[class*="avatar_"] [class*="inner_"], [class*="avatar-"] [class*="inner-"],
[class*="callAvatarVoice_"], [class*="callAvatarVoice-"],
[class*="callAvatarWrapper_"] [class*="speaking_"], [class*="callAvatarWrapper-"] [class*="speaking-"],
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
[class^="message_"] [class^="message-"]
[class*="header_"] [class*="header-"]
[class*="avatar_"] [class*="avatar-"]
[class*="large_"], [class*="large-"],
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
[class^="message_"] [class^="message-"]
[class*="header_"] [class*="header-"]
[class*="avatar_"] [class*="avatar-"]
[class*="wrapper_"], [class*="wrapper-"],
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
[class^="message_"] [class^="message-"]
[class*="contents_"] [class*="contents-"]
[class*="avatar_"], [class*="avatar-"],
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
[class^="wrapper_"] [class^="wrapper-"]
[class*="contents_"] [class*="contents-"]
[class*="avatar_"], [class*="avatar-"],
[class^="messageGroupCozy_"] [class*="contents_"] [class*="avatar_"], [class^="messageGroupCozy-"] [class*="contents-"] [class*="avatar-"],
[class*="autocomplete_"] [class*="autocomplete-"]
[class*="autocompleteInner_"] [class*="autocompleteInner-"]
[class*="autocompleteRow_"] [class*="autocompleteRow-"]
[class*="content_"] [class*="content-"]
[class*="wrapper_"], [class*="wrapper-"],
[class*="guildsWrapper_"] [class*="guildsWrapper-"]
[class*="guilds_"] [class*="guilds-"]
[class*="guild_"] [class*="guild-"]
[class*="guildInner_"], [class*="guildInner-"],
div[class^="listItem_"] foreignObject img, div[class^="listItem-"] foreignObject img,
div[class^="listItem_"] foreignObject a[class^="button_"], div[class^="listItem-"] foreignObject a[class^="button-"],
div[class^="listItem_"] foreignObject [class^="childWrapper_"], div[class^="listItem-"] foreignObject [class^="childWrapper-"],
div[class^="listItem_"] foreignObject [class^="folder_"], div[class^="listItem-"] foreignObject [class^="folder-"],
div[class^="listItem_"] div[class^="wrapperSimple_"], div[class^="listItem-"] div[class^="wrapperSimple-"],
[class^="circleIconButton_"], [class^="circleIconButton-"],
[class^="avatarContainer_"], [class^="avatarContainer-"],
[class^="executedCommandAvatar_"] { [class^="executedCommandAvatar-"] {
border-radius: 50% !important; border-radius: 50% !important;
} }
div[class^="listItem_"] foreignObject img, div[class^="listItem-"] foreignObject img,
div[class^="listItem_"] foreignObject [class*="selected_"] > img, div[class^="listItem-"] foreignObject [class*="selected-"] > img,
div[class^="listItem_"] foreignObject [class^="childWrapper_"], div[class^="listItem-"] foreignObject [class^="childWrapper-"],
div[class^="listItem_"] div[class^="listItem-"]
foreignObject foreignObject
[class*="selected_"] [class*="selected-"]
> [class^="childWrapper_"] { > [class^="childWrapper-"] {
transition: border-radius 0.35s ease; transition: border-radius 0.35s ease;
} }
div[class^="listItem_"] foreignObject [class*="selected_"] > img, div[class^="listItem-"] foreignObject [class*="selected-"] > img,
div[class^="listItem_"] div[class^="listItem-"]
foreignObject foreignObject
[class*="selected_"] [class*="selected-"]
> [class^="childWrapper_"] { > [class^="childWrapper-"] {
border-radius: 20% !important; border-radius: 20% !important;
} }
[class^="folderIconWrapper_"] [class^="folderIconWrapper-"]
> [class^="closedFolderIconWrapper_"] > [class^="closedFolderIconWrapper-"]
> [class^="icon_"] { > [class^="icon-"] {
border-radius: 50% !important; border-radius: 50% !important;
} }
[class*="avatarMasked_"], [class*="avatarMasked-"],
[class*="maskProfile_"], [class*="maskProfile-"],
[class*="mask_"], [class*="mask-"],
[class*="avatar_"] svg[class*="mask_"] > foreignObject, [class*="avatar-"] svg[class*="mask-"] > foreignObject,
[class*="avatarWrapper_"] svg[class*="mask_"] > foreignObject, [class*="avatarWrapper-"] svg[class*="mask-"] > foreignObject,
[class*="avatarHint_"] > foreignObject, [class*="avatarHint-"] > foreignObject,
[class*="wrapper_"] svg[class*="mask_"] > foreignObject, [class*="wrapper-"] svg[class*="mask-"] > foreignObject,
[class*="callAvatarWrapper_"] svg[class*="callAvatarMask_"] > foreignObject, [class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject,
div[class^="listItem_"] [class^="wrapper_"] > svg > foreignObject, div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject,
[class^="bannerSVGWrapper_"] > foreignObject, [class^="bannerSVGWrapper-"] > foreignObject,
[class^="avatarDecoration_"] > foreignObject { [class^="avatarDecoration-"] > foreignObject {
mask: none !important; mask: none !important;
mask-image: none !important; mask-image: none !important;
-webkit-mask-image: none !important; -webkit-mask-image: none !important;
} }
[class*="avatarHint_"], [class*="avatarHint-"],
[class*="avatarNormal_"], [class*="avatarNormal-"],
[class*="avatarWrapper_"] [class*="wrapper_"], [class*="avatarWrapper-"] [class*="wrapper-"],
[class*="avatarWrapper_"] [class*="image_"], [class*="avatarWrapper-"] [class*="image-"],
[class*="replyAvatar_"] { [class*="replyAvatar-"] {
border: none; border: none;
border-radius: 10% !important; border-radius: 10% !important;
} }

View file

@ -1,102 +1,102 @@
[class*="avatar_"], [class*="avatar-"],
[class*="avatar_"] [class*="image_"], [class*="avatar-"] [class*="image-"],
[class*="callAvatar_"], [class*="callAvatar-"],
[class*="callAvatar_"] [class*="speaking_"], [class*="callAvatar-"] [class*="speaking-"],
[class*="avatarDefault_"], [class*="avatarDefault-"],
[class*="avatarSpeaking_"], [class*="avatarSpeaking-"],
[class*="avatar_"] [class*="inner_"], [class*="avatar-"] [class*="inner-"],
[class*="callAvatarVoice_"], [class*="callAvatarVoice-"],
[class*="callAvatarWrapper_"] [class*="speaking_"], [class*="callAvatarWrapper-"] [class*="speaking-"],
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
[class^="message_"] [class^="message-"]
[class*="header_"] [class*="header-"]
[class*="avatar_"] [class*="avatar-"]
[class*="large_"], [class*="large-"],
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
[class^="message_"] [class^="message-"]
[class*="header_"] [class*="header-"]
[class*="avatar_"] [class*="avatar-"]
[class*="wrapper_"], [class*="wrapper-"],
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
[class^="message_"] [class^="message-"]
[class*="contents_"] [class*="contents-"]
[class*="avatar_"], [class*="avatar-"],
[class^="messagesWrapper_"] [class^="messagesWrapper-"]
[class^="scrollerInner_"] [class^="scrollerInner-"]
[class^="wrapper_"] [class^="wrapper-"]
[class*="contents_"] [class*="contents-"]
[class*="avatar_"], [class*="avatar-"],
[class^="messageGroupCozy_"] [class*="contents_"] [class*="avatar_"], [class^="messageGroupCozy-"] [class*="contents-"] [class*="avatar-"],
[class*="autocomplete_"] [class*="autocomplete-"]
[class*="autocompleteInner_"] [class*="autocompleteInner-"]
[class*="autocompleteRow_"] [class*="autocompleteRow-"]
[class*="content_"] [class*="content-"]
[class*="wrapper_"], [class*="wrapper-"],
[class*="guildsWrapper_"] [class*="guildsWrapper-"]
[class*="guilds_"] [class*="guilds-"]
[class*="guild_"] [class*="guild-"]
[class*="guildInner_"], [class*="guildInner-"],
div[class^="listItem_"] foreignObject img, div[class^="listItem-"] foreignObject img,
div[class^="listItem_"] foreignObject a[class^="button_"], div[class^="listItem-"] foreignObject a[class^="button-"],
div[class^="listItem_"] foreignObject [class^="childWrapper_"], div[class^="listItem-"] foreignObject [class^="childWrapper-"],
div[class^="listItem_"] foreignObject [class^="folder_"], div[class^="listItem-"] foreignObject [class^="folder-"],
div[class^="listItem_"] div[class^="wrapperSimple_"], div[class^="listItem-"] div[class^="wrapperSimple-"],
[class^="circleIconButton_"], [class^="circleIconButton-"],
[class^="folderIconWrapper_"], [class^="folderIconWrapper-"],
[class^="avatarContainer_"], [class^="avatarContainer-"],
[class^="executedCommandAvatar_"] { [class^="executedCommandAvatar-"] {
border-radius: 10% !important; border-radius: 10% !important;
} }
[class^="folderIconWrapper_"] [class^="folderIconWrapper-"]
> [class^="closedFolderIconWrapper_"] > [class^="closedFolderIconWrapper-"]
> [class^="icon_"] { > [class^="icon-"] {
border-radius: 6px !important; border-radius: 6px !important;
} }
[class*="avatarMasked_"], [class*="avatarMasked-"],
[class*="maskProfile_"], [class*="maskProfile-"],
[class*="mask_"], [class*="mask-"],
[class*="avatar_"] svg[class*="mask_"] > foreignObject, [class*="avatar-"] svg[class*="mask-"] > foreignObject,
[class*="avatarWrapper_"] svg[class*="mask_"] > foreignObject, [class*="avatarWrapper-"] svg[class*="mask-"] > foreignObject,
[class*="avatarHint_"] > foreignObject, [class*="avatarHint-"] > foreignObject,
[class*="wrapper_"] svg[class*="mask_"] > foreignObject, [class*="wrapper-"] svg[class*="mask-"] > foreignObject,
[class*="callAvatarWrapper_"] svg[class*="callAvatarMask_"] > foreignObject, [class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject,
div[class^="listItem_"] [class^="wrapper_"] > svg > foreignObject, div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject,
[class^="bannerSVGWrapper_"] > foreignObject, [class^="bannerSVGWrapper-"] > foreignObject,
[class^="avatarDecoration_"] > foreignObject { [class^="avatarDecoration-"] > foreignObject {
mask: none !important; mask: none !important;
mask-image: none !important; mask-image: none !important;
-webkit-mask-image: none !important; -webkit-mask-image: none !important;
} }
[class*="avatarHint_"], [class*="avatarHint-"],
[class*="avatarNormal_"], [class*="avatarNormal-"],
[class*="avatarWrapper_"] [class*="wrapper_"], [class*="avatarWrapper-"] [class*="wrapper-"],
[class*="avatarWrapper_"] [class*="image_"], [class*="avatarWrapper-"] [class*="image-"],
[class*="replyAvatar_"] { [class*="replyAvatar-"] {
border: none; border: none;
border-radius: 10% !important; border-radius: 10% !important;
} }
[class^="userPopout_"] [class*="avatarWrapper_"] > [class^="avatarHint_"] { [class^="userPopout-"] [class*="avatarWrapper-"] > [class^="avatarHint-"] {
display: none; display: none;
} }
[class^="userPopout_"] [class^="userPopout-"]
[class*="avatarWrapper_"] [class*="avatarWrapper-"]
> [class^="avatar_"] > [class^="avatar-"]
> svg > svg
> foreignObject { > foreignObject {
x: 8px; x: 8px;
} }
[class^="userPopout_"] [class^="userPopout-"]
[class*="avatarWrapper_"] [class*="avatarWrapper-"]
> [class^="avatar_"] > [class^="avatar-"]
> svg > svg
> rect { > rect {
x: 0; x: 0;
@ -106,11 +106,11 @@ div[class^="listItem_"] [class^="wrapper_"] > svg > foreignObject,
mask: none !important; mask: none !important;
} }
[class^="accountProfileCard_"] [class^="avatar_"] { [class^="accountProfileCard-"] [class^="avatar-"] {
border: 0; border: 0;
background-color: transparent; background-color: transparent;
} }
[class^="numberBadge_"] { [class^="numberBadge-"] {
border-radius: 4px !important; border-radius: 4px !important;
} }

View file

@ -1,145 +1,145 @@
[class^="member_"] [class^="avatar_"] [class*="wrapper_"] > svg, [class^="member-"] [class^="avatar-"] [class*="wrapper-"] > svg,
[class^="member_"] [class^="member-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"], > svg[class^="cursorDefault-"],
[class^="member_"] [class^="member-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> svg[class^="dots_"], > svg[class^="dots-"],
[class^="channel_"] [class^="avatar_"] [class*="wrapper_"] > svg, [class^="channel-"] [class^="avatar-"] [class*="wrapper-"] > svg,
[class^="channel_"] [class^="channel-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"], > svg[class^="cursorDefault-"],
[class^="channel_"] [class^="channel-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> svg[class^="dots_"], > svg[class^="dots-"],
[class^="autocompleteRowIcon_"] > [class^="wrapper_"] > svg, [class^="autocompleteRowIcon-"] > [class^="wrapper-"] > svg,
[class^="userInfo_"] [class^="avatar_"] > svg, [class^="userInfo-"] [class^="avatar-"] > svg,
[class^="panels_"] [class*="avatar_"] > svg > svg, [class^="panels-"] [class*="avatar-"] > svg > svg,
[class^="modal_"] > [class^="inner_"] [class^="avatar_"] > svg, [class^="modal-"] > [class^="inner-"] [class^="avatar-"] > svg,
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class^="root_"] > [class^="root-"]
[class^="avatar_"] [class^="avatar-"]
> svg, > svg,
[class^="userPopoutInner_"] [class^="userPopoutInner-"]
[class^="avatarHoverTarget_"] [class^="avatarHoverTarget-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> svg { > svg {
overflow: visible; overflow: visible;
contain: none !important; contain: none !important;
} }
[class^="member_"] [class^="member-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> rect, > rect,
[class^="channel_"] [class^="channel-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> rect, > rect,
[class^="modal_"] [class^="modal-"]
> [class^="inner_"] > [class^="inner-"]
[class^="avatar_"] [class^="avatar-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> rect { > rect {
x: -18.5; x: -18.5;
y: -17; y: -17;
} }
[class^="member_"] [class^="member-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> svg[class^="dots_"] > svg[class^="dots-"]
circle, circle,
[class^="channel_"] [class^="channel-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> svg[class^="dots_"] > svg[class^="dots-"]
circle { circle {
cx: -20.1; cx: -20.1;
r: 1.5; r: 1.5;
} }
[class^="member_"] [class^="member-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> svg[class^="dots_"] > svg[class^="dots-"]
circle:nth-child(1), circle:nth-child(1),
[class^="channel_"] [class^="channel-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> svg[class^="dots_"] > svg[class^="dots-"]
circle:nth-child(1) { circle:nth-child(1) {
cy: -16; cy: -16;
} }
[class^="member_"] [class^="member-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> svg[class^="dots_"] > svg[class^="dots-"]
circle:nth-child(2), circle:nth-child(2),
[class^="channel_"] [class^="channel-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> svg[class^="dots_"] > svg[class^="dots-"]
circle:nth-child(2) { circle:nth-child(2) {
cy: -8; cy: -8;
} }
[class^="member_"] [class^="member-"]
[class^="avatar_"] [class^="avatar-"]
[class^="wrapper_"] [class^="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> svg[class^="dots_"] > svg[class^="dots-"]
circle:nth-child(3), circle:nth-child(3),
[class^="channel_"] [class^="channel-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> svg[class^="dots_"] > svg[class^="dots-"]
circle:nth-child(3) { circle:nth-child(3) {
cy: 0; cy: 0;
} }
[class^="member_"] [class^="member-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> rect[fill^="var(--status-"], > rect[fill^="var(--status-"],
[class^="member_"] [class^="member-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
> svg[class^="cursorDefault_"] > svg[class^="cursorDefault-"]
> rect[fill^="#"] { > rect[fill^="#"] {
mask: none !important; mask: none !important;
x: -18.5; x: -18.5;
@ -148,8 +148,8 @@
height: 32px; height: 32px;
} }
[class^="panels_"] [class^="panels-"]
[class*="avatar_"] [class*="avatar-"]
> svg > svg
> rect[mask^="url(#svg-mask-status"] { > rect[mask^="url(#svg-mask-status"] {
mask: none !important; mask: none !important;
@ -158,8 +158,8 @@
width: 4px; width: 4px;
height: 32px; height: 32px;
} }
[class^="panels_"] [class*="avatar_"] > svg > svg > rect[fill^="var(--status-"], [class^="panels-"] [class*="avatar-"] > svg > svg > rect[fill^="var(--status-"],
[class^="panels_"] [class*="avatar_"] > svg > svg > rect[fill^="#"] { [class^="panels-"] [class*="avatar-"] > svg > svg > rect[fill^="#"] {
mask: none !important; mask: none !important;
x: 17.5; x: 17.5;
y: -17; y: -17;
@ -167,14 +167,14 @@
height: 32px; height: 32px;
} }
[class^="member_"] [class^="member-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
rect[mask^="url(#svg-mask-status-"], rect[mask^="url(#svg-mask-status-"],
[class^="channel_"] [class^="channel-"]
[class^="avatar_"] [class^="avatar-"]
[class*="wrapper_"] [class*="wrapper-"]
> svg > svg
rect[mask^="url(#svg-mask-status-"] { rect[mask^="url(#svg-mask-status-"] {
mask: none !important; mask: none !important;
@ -184,8 +184,8 @@
y: 0; y: 0;
} }
[class^="autocompleteRowIcon_"] [class^="autocompleteRowIcon-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> svg > svg
rect[mask^="url(#svg-mask-status-"] { rect[mask^="url(#svg-mask-status-"] {
mask: none !important; mask: none !important;
@ -195,8 +195,8 @@
y: 0; y: 0;
} }
[class^="userInfo_"] [class^="userInfo-"]
[class^="avatar_"] [class^="avatar-"]
> svg > svg
rect[mask^="url(#svg-mask-status-"] { rect[mask^="url(#svg-mask-status-"] {
mask: none !important; mask: none !important;
@ -206,9 +206,9 @@
y: 0; y: 0;
} }
[class^="userProfileModalInner_"] [class^="userProfileModalInner-"]
[class^="header_"] [class^="header-"]
[class*="avatar_"] [class*="avatar-"]
> svg > svg
rect[mask^="url(#svg-mask-status-"] { rect[mask^="url(#svg-mask-status-"] {
mask: none !important; mask: none !important;
@ -218,36 +218,36 @@
y: 0; y: 0;
} }
[class^="userPopoutInner_"] [class^="userPopoutInner-"]
[class^="avatarHoverTarget_"] [class^="avatarHoverTarget-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> svg > svg
circle, circle,
[class^="userPopoutInner_"] [class^="userPopoutInner-"]
[class^="avatarHoverTarget_"] [class^="avatarHoverTarget-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> svg > svg
> rect[fill="black"], > rect[fill="black"],
[class^="userProfileModalInner_"] [class^="userProfileModalInner-"]
[class^="header_"] [class^="header-"]
[class^="wrapper_"] [class^="wrapper-"]
> svg > svg
circle, circle,
[class^="userProfileModalInner_"] [class^="userProfileModalInner-"]
[class^="header_"] [class^="header-"]
[class^="wrapper_"] [class^="wrapper-"]
> svg > svg
> rect[fill="black"] { > rect[fill="black"] {
display: none; display: none;
} }
[class^="accountProfileCard_"] [class^="accountProfileCard-"]
[class*="avatar_"] [class*="avatar-"]
> svg > svg
rect[mask^="url(#svg-mask-status-"], rect[mask^="url(#svg-mask-status-"],
[class^="userPopoutInner_"] [class^="userPopoutInner-"]
[class^="avatarHoverTarget_"] [class^="avatarHoverTarget-"]
> [class^="wrapper_"] > [class^="wrapper-"]
> svg > svg
rect[mask^="url(#svg-mask-status-"] { rect[mask^="url(#svg-mask-status-"] {
mask: none !important; mask: none !important;

View file

@ -25,108 +25,111 @@
inset 2px 2px 0 0 var(--wc-bright, var(--highlight)); inset 2px 2px 0 0 var(--wc-bright, var(--highlight));
} }
[class*="button_"][class*="lookFilled_"], [class*="button-"][class*="lookFilled-"],
section[class^="panels_"] section[class^="panels-"]
[class^="container_"] [class^="container-"]
[class^="flex_"] [class^="flex-"]
button[class^="button_"], button[class^="button-"],
[class^="toolbar_"] [class*="iconWrapper_"] { [class^="toolbar-"] [class*="iconWrapper-"] {
border-radius: 0; border-radius: 0;
box-shadow: var(--wc-outer-edge) !important; box-shadow: var(--wc-outer-edge) !important;
} }
[class*="button_"][class*="lookFilled_"]:active, [class*="button-"][class*="lookFilled-"]:active,
section[class^="panels_"] section[class^="panels-"]
[class^="container_"] [class^="container-"]
[class^="flex_"] [class^="flex-"]
button[class^="button_"]:active { button[class^="button-"]:active {
box-shadow: var(--wc-inner-edge) !important; box-shadow: var(--wc-inner-edge) !important;
} }
[class*="button_"][class*="lookFilled_"]:not([class*="color"]), [class*="button-"][class*="lookFilled-"]:not([class*="color"]),
[class^="toolbar_"] [class*="iconWrapper_"] { [class^="toolbar-"] [class*="iconWrapper-"] {
background-color: var(--primary); background-color: var(--primary);
} }
[class^="chat_"] > [class^="content_"] [class^="membersWrap_"] { [class^="chat-"]
> [class^="content-"]
> [class^="container-"]
> [class^="membersWrap-"] {
padding: 2px; padding: 2px;
box-shadow: var(--wc-inner-edge); box-shadow: var(--wc-inner-edge);
height: calc(100% - 4px); height: calc(100% - 4px);
max-height: calc(100% - 4px); max-height: calc(100% - 4px);
} }
[class^="messagesWrapper_"], [class^="messagesWrapper-"],
[class*="guilds_"], [class*="guilds-"],
[class^="sidebar_"] > nav > [class^="scroller_"] { [class^="sidebar-"] > nav > [class^="scroller-"] {
padding: 2px; padding: 2px;
box-shadow: var(--wc-inner-edge); box-shadow: var(--wc-inner-edge);
} }
[class^="chat_"] > [class^="content_"] > [class^="container_"], [class^="chat-"] > [class^="content-"] > [class^="container-"],
[class^="chat_"] > [class^="content_"] > [class^="chatContent_"], [class^="chat-"] > [class^="content-"] > [class^="chatContent-"],
[class^="standardSidebarView_"] > [class^="contentRegion_"] { [class^="standardSidebarView-"] > [class^="contentRegion-"] {
margin-left: 2px; margin-left: 2px;
} }
[class^="channelTextArea_"] > [class^="scrollableContainer_"], [class^="channelTextArea-"] > [class^="scrollableContainer-"],
[class^="chat_"] [class^="chat-"]
[class^="toolbar_"] [class^="toolbar-"]
> [class^="search_"] > [class^="search-"]
> [class^="search_"] > [class^="search-"]
> [class^="searchBar_"] { > [class^="searchBar-"] {
box-shadow: var(--wc-inner-edge); box-shadow: var(--wc-inner-edge);
border-radius: 0; border-radius: 0;
} }
[class^="chat_"] > [class^="content_"]:before { [class^="chat-"] > [class^="content-"]:before {
display: none !important; display: none !important;
} }
[class^="standardSidebarView_"] [class^="standardSidebarView-"]
> [class^="sidebarRegion_"] > [class^="sidebarRegion-"]
> [class^="sidebarRegionScroller_"], > [class^="sidebarRegionScroller-"],
[class^="standardSidebarView_"] [class^="standardSidebarView-"]
> [class^="contentRegion_"] > [class^="contentRegion-"]
[class^="contentTransitionWrap_"] { [class^="contentTransitionWrap-"] {
padding: 2px; padding: 2px;
box-shadow: var(--wc-inner-edge); box-shadow: var(--wc-inner-edge);
} }
[class^="standardSidebarView_"] > [class^="contentRegion_"], [class^="standardSidebarView-"] > [class^="contentRegion-"],
[class^="standardSidebarView_"] > [class^="sidebarRegion_"] { [class^="standardSidebarView-"] > [class^="sidebarRegion-"] {
margin-top: 2px; margin-top: 2px;
} }
[class^="standardSidebarView_"] [class^="standardSidebarView-"]
> [class^="contentRegion_"] > [class^="contentRegion-"]
[class^="contentTransitionWrap_"] { [class^="contentTransitionWrap-"] {
height: calc(100% - 4px); height: calc(100% - 4px);
} }
div[class^="sidebar_"] { div[class^="sidebar-"] {
border-left: 2px solid var(--primary); border-left: 2px solid var(--primary);
} }
[class*="guilds_"] [class^="guildSeparator_"] { [class*="guilds-"] [class^="guildSeparator-"] {
height: 0; height: 0;
border-bottom: 1px solid var(--wc-bright, var(--highlight)); border-bottom: 1px solid var(--wc-bright, var(--highlight));
border-top: 1px solid var(--secondary); border-top: 1px solid var(--secondary);
border-radius: 0; border-radius: 0;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] { > [class^="animatedContainer-"] {
height: 48px; height: 48px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
> [class^="bannerImage_"] { > [class^="bannerImage-"] {
height: 48px; height: 48px;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
> [class^="bannerImage_"]:after { > [class^="bannerImage-"]:after {
content: ""; content: "";
height: 48px; height: 48px;
width: 240px; width: 240px;
@ -140,114 +143,114 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
); );
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="container_"][class*="clickable_"] > [class^="container-"][class*="clickable-"]
> [class^="animatedContainer_"] > [class^="animatedContainer-"]
[class^="bannerImg_"] { [class^="bannerImg-"] {
top: -67px; top: -67px;
position: relative; position: relative;
} }
div[class^="sidebar_"]:not(:has(> [class^="side_"])) div[class^="sidebar-"]:not(:has(> [class^="side-"]))
> nav[class^="container_"] > nav[class^="container-"]
> [class^="scroller_"] > [class^="scroller-"]
> ul > ul
> div[style="height: 84px;"] { > div[style="height: 84px;"] {
height: 0 !important; height: 0 !important;
} }
[class*="menu_"] { [class*="menu-"] {
border-radius: 0 !important; border-radius: 0;
padding: 2px; padding: 2px;
box-shadow: var(--wc-frame) !important; box-shadow: var(--wc-frame);
} }
[class*="menu_"] > [class^="scroller_"] { [class*="menu-"] > [class^="scroller-"] {
padding: 1px 1px 4px 1px !important; padding: 1px 1px 4px 1px !important;
margin-right: -4px; margin-right: -4px;
} }
[class*="menu_"] > [class^="scroller_"] [class^="item_"] { [class*="menu-"] > [class^="scroller-"] [class^="item-"] {
border-radius: 0 !important; border-radius: 0 !important;
margin: 1px 0; margin: 1px 0;
padding: 0 2px !important; padding: 0 2px !important;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="customItem_"][id^="message-quickreact-"] [class^="customItem-"][id^="message-quickreact-"]
> [class^="button_"] { > [class^="button-"] {
border-radius: 0 !important; border-radius: 0 !important;
box-shadow: var(--wc-outer-edge); box-shadow: var(--wc-outer-edge);
} }
[class*="menu_"] [class^="scroller_"] [class^="separator_"] { [class*="menu-"] [class^="scroller-"] [class^="separator-"] {
margin: 4px 1px; margin: 4px 1px;
border-bottom: 1px solid var(--wc-bright, var(--highlight)); border-bottom: 1px solid var(--wc-bright, var(--highlight));
border-top: 1px solid var(--secondary); border-top: 1px solid var(--secondary);
} }
[class*="menu_"] > [class^="scroller_"] [class^="item_"] { [class*="menu-"] > [class^="scroller-"] [class^="item-"] {
min-height: 16px !important; min-height: 16px !important;
font-size: 12px; font-size: 12px;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"]:not( [class^="item-"]:not(
:has(> [class^="iconContainer_"] > [class^="icon_"]) :has(> [class^="iconContainer-"] > [class^="icon-"])
):not(:has(> [class^="iconContainerLeft_"])) { ):not(:has(> [class^="iconContainerLeft-"])) {
padding-inline-start: 20px !important; padding-inline-start: 20px !important;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"]:has(> [class^="iconContainer_"] > [class^="icon_"]) { [class^="item-"]:has(> [class^="iconContainer-"] > [class^="icon-"]) {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"] [class^="item-"]
> [class^="iconContainer_"]:has(> [class^="icon_"]), > [class^="iconContainer-"]:has(> [class^="icon-"]),
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"] [class^="item-"]
> [class^="iconContainerLeft_"] { > [class^="iconContainerLeft-"] {
margin-left: 0; margin-left: 0;
margin-right: 2px; margin-right: 2px;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"] [class^="item-"]
> [class^="label_"] > [class^="label-"]
> [class^="subtext_"] { > [class^="subtext-"] {
line-height: 12px; line-height: 12px;
margin-top: 0; margin-top: 0;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"] [class^="item-"]
> [class^="iconContainer_"], > [class^="iconContainer-"],
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"] [class^="item-"]
> [class^="iconContainer_"] > [class^="iconContainer-"]
> svg { > svg {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"] [class^="item-"]
> [class^="hintContainer_"] { > [class^="hintContainer-"] {
margin-right: 18px; margin-right: 18px;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][aria-haspopup="true"] [class^="item-"][aria-haspopup="true"]
> [class^="iconContainer_"] > [class^="iconContainer-"]
> [class^="caret_"] { > [class^="caret-"] {
display: none; display: none;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][aria-haspopup="true"] [class^="item-"][aria-haspopup="true"]
> [class^="iconContainer_"]:before { > [class^="iconContainer-"]:before {
content: ""; content: "";
position: absolute; position: absolute;
right: -2px; right: -2px;
@ -262,17 +265,17 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
-webkit-mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
-webkit-mask-position: center; -webkit-mask-position: center;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][role="menuitemcheckbox"] [class^="item-"][role="menuitemcheckbox"]
> [class^="iconContainer_"] > [class^="iconContainer-"]
> svg[class^="icon_"] { > svg[class^="icon-"] {
display: none; display: none;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][role="menuitemcheckbox"][aria-checked="true"] [class^="item-"][role="menuitemcheckbox"][aria-checked="true"]
> [class^="iconContainer_"]:before { > [class^="iconContainer-"]:before {
content: ""; content: "";
position: absolute; position: absolute;
right: 0px; right: 0px;
@ -287,17 +290,17 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
-webkit-mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
-webkit-mask-position: center; -webkit-mask-position: center;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][role="menuitemradio"] [class^="item-"][role="menuitemradio"]
> [class^="iconContainer_"] > [class^="iconContainer-"]
> svg[class^="icon_"] { > svg[class^="icon-"] {
display: none; display: none;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][role="menuitemradio"][aria-checked="true"] [class^="item-"][role="menuitemradio"][aria-checked="true"]
> [class^="iconContainer_"]:before { > [class^="iconContainer-"]:before {
content: ""; content: "";
position: absolute; position: absolute;
right: -1px; right: -1px;
@ -312,47 +315,47 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
-webkit-mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
-webkit-mask-position: center; -webkit-mask-position: center;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][aria-haspopup="true"]:hover [class^="item-"][aria-haspopup="true"]:hover
> [class^="iconContainer_"]:before, > [class^="iconContainer-"]:before,
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][role="menuitemcheckbox"][aria-checked="true"]:hover [class^="item-"][role="menuitemcheckbox"][aria-checked="true"]:hover
> [class^="iconContainer_"]:before, > [class^="iconContainer-"]:before,
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][role="menuitemradio"][aria-checked="true"]:hover [class^="item-"][role="menuitemradio"][aria-checked="true"]:hover
> [class^="iconContainer_"]:before { > [class^="iconContainer-"]:before {
background-color: white; background-color: white;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][aria-disabled="true"] [class^="item-"][aria-disabled="true"]
> [class^="label_"], > [class^="label-"],
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"][aria-disabled="true"] [class^="item-"][aria-disabled="true"]
> [class^="label_"] > [class^="label-"]
> [class^="subtext_"] { > [class^="subtext-"] {
color: var(--secondary); color: var(--secondary);
text-shadow: 1px 1px 0 var(--wc-bright, var(--highlight)); text-shadow: 1px 1px 0 var(--wc-bright, var(--highlight));
} }
[class^="submenu_"] > [class^="scroller_"] > [class^="listHeight_"][a="a"] { [class^="submenu-"] > [class^="scroller-"] > [class^="listHeight-"][a="a"] {
height: unset !important; height: unset !important;
} }
[class^="submenuPaddingContainer_"] { [class^="submenuPaddingContainer-"] {
padding: 0; padding: 0;
margin: -4px; margin: -4px;
} }
[class*="menu_"] [class*="menu-"]
> [class^="scroller_"] > [class^="scroller-"]
[class^="item_"] [class^="item-"]
> [class^="label_"] > [class^="label-"]
> [class^="roleRow_"] > [class^="roleRow-"]
> [class^="roleCircle_"] { > [class^="roleCircle-"] {
width: 12px; width: 12px;
height: 12px; height: 12px;
border-radius: 0; border-radius: 0;
@ -362,89 +365,87 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
margin-right: 2px; margin-right: 2px;
} }
[class^="scroller_"]:not([class*="none_"]):not([class*="thin_"]):not( [class^="scroller-"]:not([class*="none-"]):not([class*="thin-"]):not(
:not(:hover)[class*="fade_"] :not(:hover)[class*="fade-"]
)::-webkit-scrollbar, )::-webkit-scrollbar,
[class*="scrollerBase_"]:not([class*="none_"]):not([class*="thin_"]):not( [class*="scrollerBase-"]:not([class*="none-"]):not([class*="thin-"]):not(
:not(:hover)[class*="fade_"] :not(:hover)[class*="fade-"]
)::-webkit-scrollbar { )::-webkit-scrollbar {
min-width: 16px; min-width: 16px;
width: 16px; width: 16px;
} }
[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-track, [class^="scroller-"]:not([class*="thin-"])::-webkit-scrollbar-track,
[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-track { [class*="scrollerBase-"]:not([class*="thin-"])::-webkit-scrollbar-track {
background-color: var(--wc-bright, var(--highlight)); background-color: var(--wc-bright, var(--highlight));
border: none; border: none;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
} }
[class^="scroller_"]::-webkit-scrollbar-thumb, [class^="scroller-"]::-webkit-scrollbar-thumb,
[class*="scrollerBase_"]::-webkit-scrollbar-thumb, [class*="scrollerBase-"]::-webkit-scrollbar-thumb,
[class^="scroller_"]:not( [class^="scroller-"]:not(
[class*="thin_"] [class*="thin-"]
)::-webkit-scrollbar-button:single-button, )::-webkit-scrollbar-button:single-button,
[class*="scrollerBase_"]:not( [class*="scrollerBase-"]:not(
[class*="thin_"] [class*="thin-"]
)::-webkit-scrollbar-button:single-button { )::-webkit-scrollbar-button:single-button {
border-radius: 0 !important; border-radius: 0;
background: var(--primary) !important; background: var(--primary);
box-shadow: var(--wc-frame); box-shadow: var(--wc-frame);
border: none !important; border: none;
} }
[class^="scroller_"][class*="fade_"]:not( [class^="scroller-"][class*="fade-"]:not(
[class*="thin_"] [class*="thin-"]
)::-webkit-scrollbar-button:single-button, )::-webkit-scrollbar-button:single-button,
[class*="scrollerBase_"][class*="fade_"]:not( [class*="scrollerBase-"][class*="fade-"]:not(
[class*="thin_"] [class*="thin-"]
)::-webkit-scrollbar-button:single-button { )::-webkit-scrollbar-button:single-button {
visibility: hidden; visibility: hidden;
} }
[class^="scroller_"][class*="fade_"]:not( [class^="scroller-"][class*="fade-"]:not(
[class*="thin_"] [class*="thin-"]
):hover::-webkit-scrollbar-button:single-button, ):hover::-webkit-scrollbar-button:single-button,
[class*="scrollerBase_"][class*="fade_"]:not( [class*="scrollerBase-"][class*="fade-"]:not(
[class*="thin_"] [class*="thin-"]
):hover::-webkit-scrollbar-button:single-button { ):hover::-webkit-scrollbar-button:single-button {
visibility: visible; visibility: visible;
} }
[class^="scroller_"]::-webkit-scrollbar-button:single-button:active, [class^="scroller-"]::-webkit-scrollbar-button:single-button:active,
[class*="scrollerBase_"]::-webkit-scrollbar-button:single-button:active { [class*="scrollerBase-"]::-webkit-scrollbar-button:single-button:active {
box-shadow: box-shadow: inset 1px 1px var(--secondary), inset -1px -1px var(--secondary);
inset 1px 1px var(--secondary),
inset -1px -1px var(--secondary);
} }
[class^="scroller_"]:not( [class^="scroller-"]:not(
[class*="thin_"] [class*="thin-"]
)::-webkit-scrollbar-button:single-button:vertical:decrement, )::-webkit-scrollbar-button:single-button:vertical:decrement,
[class*="scrollerBase_"]:not( [class*="scrollerBase-"]:not(
[class*="thin_"] [class*="thin-"]
)::-webkit-scrollbar-button:single-button:vertical:decrement { )::-webkit-scrollbar-button:single-button:vertical:decrement {
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB5PSI4IiB4PSIzIiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHg9IjQiIHk9IjciIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeT0iNiIgeD0iNSIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB5PSI1IiB4PSI2IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB5PSI4IiB4PSIzIiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHg9IjQiIHk9IjciIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeT0iNiIgeD0iNSIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB5PSI1IiB4PSI2IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important;
background-position: center center !important; background-position: center center !important;
} }
[class^="scroller_"]:not( [class^="scroller-"]:not(
[class*="thin_"] [class*="thin-"]
)::-webkit-scrollbar-button:single-button:vertical:increment, )::-webkit-scrollbar-button:single-button:vertical:increment,
[class*="scrollerBase_"]:not( [class*="scrollerBase-"]:not(
[class*="thin_"] [class*="thin-"]
)::-webkit-scrollbar-button:single-button:vertical:increment { )::-webkit-scrollbar-button:single-button:vertical:increment {
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB4PSIzIiB5PSI1IiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHk9IjYiIHg9IjQiIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeD0iNSIgeT0iNyIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4PSI2IiB5PSI4IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB4PSIzIiB5PSI1IiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHk9IjYiIHg9IjQiIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeD0iNSIgeT0iNyIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4PSI2IiB5PSI4IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important;
background-position: center center !important; background-position: center center !important;
} }
[class^="scroller_"]::-webkit-scrollbar-button:single-button, [class^="scroller-"]::-webkit-scrollbar-button:single-button,
[class*="scrollerBase_"]::-webkit-scrollbar-button:single-button { [class*="scrollerBase-"]::-webkit-scrollbar-button:single-button {
} }
[class^="scroller_"]:not( [class^="scroller-"]:not(
[class*="thin_"] [class*="thin-"]
)::-webkit-scrollbar-button:single-button:vertical:decrement, )::-webkit-scrollbar-button:single-button:vertical:decrement,
[class*="scrollerBase_"]:not( [class*="scrollerBase-"]:not(
[class*="thin_"] [class*="thin-"]
)::-webkit-scrollbar-button:single-button:vertical:decrement { )::-webkit-scrollbar-button:single-button:vertical:decrement {
border-width: 0 8px 8px 8px; border-width: 0 8px 8px 8px;
border-color: transparent transparent var(--text) transparent; border-color: transparent transparent var(--text) transparent;
@ -452,332 +453,48 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
.postnet-expanded-category, .postnet-expanded-category,
.postnet-repo-wrapper, .postnet-repo-wrapper,
[class^="inner_"]:has(> input), [class^="inner-"]:has(> input),
[class^="inputWrapper_"] > [class*="input_"], [class^="inputWrapper-"] > [class*="input-"],
[class^="colorSwatch_"] > [class^="swatch_"][aria-expanded="true"] { [class^="colorSwatch-"] > [class^="swatch-"][aria-expanded="true"] {
border: none !important; border: none !important;
border-radius: 0 !important; border-radius: 0 !important;
box-shadow: var(--wc-inner-edge); box-shadow: var(--wc-inner-edge);
} }
[class^="colorSwatch_"] > [class^="swatch_"] { [class^="colorSwatch-"] > [class^="swatch-"] {
border: none !important; border: none !important;
border-radius: 0 !important; border-radius: 0 !important;
box-shadow: var(--wc-outer-edge); box-shadow: var(--wc-outer-edge);
} }
[class^="inputWrapper_"] > [class*="input_"] { [class^="inputWrapper-"] > [class*="input-"] {
padding: 2px 2px 2px 4px; padding: 2px 2px 2px 4px;
height: 22px; height: 22px;
} }
[class^="select_"][class*="lookFilled_"] { [class^="select-"][class*="lookFilled-"] {
border: none !important; border: none !important;
border-radius: 0 !important; border-radius: 0 !important;
box-shadow: var(--wc-inner-edge); box-shadow: var(--wc-inner-edge);
padding: 2px 2px 2px 4px; padding: 2px 2px 2px 4px;
} }
[class^="select_"][class*="lookFilled_"] > [class^="icons_"] { [class^="select-"][class*="lookFilled-"] > [class^="icons-"] {
margin: 2px; margin: 2px;
} }
[class^="select_"][class*="lookFilled_"] > [class^="icons_"] > svg { [class^="select-"][class*="lookFilled-"] > [class^="icons-"] > svg {
background: var(--primary); background: var(--primary);
box-shadow: var(--wc-outer-edge); box-shadow: var(--wc-outer-edge);
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
[class^="select_"][class*="lookFilled_"][class*="open_"] [class^="select-"][class*="lookFilled-"][class*="open-"]
> [class^="icons_"] > [class^="icons-"]
> svg { > svg {
box-shadow: var(--wc-inner-edge); box-shadow: var(--wc-inner-edge);
} }
[class^="popout_"][role="listbox"] > [class^="option_"] { [class^="popout-"][role="listbox"] > [class^="option-"] {
padding: 2px 2px 2px 4px; padding: 2px 2px 2px 4px;
margin: 2px 0; margin: 2px 0;
} }
[class^="popout_"][role="listbox"] > [class^="option_"]:hover { [class^="popout-"][role="listbox"] > [class^="option-"]:hover {
background-color: var(--accent); background-color: var(--accent);
} }
[class^="userPopoutOuter_"] {
padding: 2px !important;
background: var(--primary) !important;
border-radius: 0 !important;
box-shadow: var(--wc-outer-edge);
}
[class^="userPopoutOuter_"] > [class^="userPopoutInner_"],
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
> [class^="userPopoutOverlayBackground_"] {
background: transparent;
}
[class^="userPopoutOuter_"] > [class^="userPopoutInner_"]:before {
display: none;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
> [class*="avatarWrapper_"] {
top: 26px;
left: 8px;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
> [class*="avatarWrapper_"]
> [class^="avatarHoverTarget_"]
> [class^="wrapper_"] {
width: 56px !important;
height: 56px !important;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
> [class*="avatarWrapper_"]
[class*="avatarHint_"] {
width: 48px !important;
height: 48px !important;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
> [class*="avatarWrapper_"]
> [class^="avatarHoverTarget_"]
> [class^="wrapper_"]
> svg {
width: 55px !important;
height: 55px !important;
}
[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"]:after {
position: absolute;
top: 2px;
left: 2px;
content: "";
width: calc(100% - 4px);
height: 18px;
background: linear-gradient(
to right,
var(--profile-gradient-primary-color),
var(--profile-gradient-secondary-color)
);
}
[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"]
> [class^="userPopoutInner_"]
[class^="banner_"] {
height: 18px !important;
}
[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"]
> [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"]
[class^="banner_"] {
margin-top: 19px;
border-radius: 0;
}
[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"]
> [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"]
[class^="banner_"]:after {
content: "";
background: linear-gradient(to bottom, transparent 32px, var(--primary) 64px);
width: 340px;
height: 120px;
position: absolute;
top: 19px;
left: 0;
}
[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"]
> [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"]
[class^="banner_"] {
display: none;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
> [class^="userPopoutOverlayBackground_"] {
margin: 0 !important;
overflow: visible;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"]
> [class^="userPopoutOverlayBackground_"] {
margin-top: -72px !important;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"]
> [class^="userPopoutOverlayBackground_"] {
margin-top: -48px !important;
}
[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"]
> [class^="userPopoutInner_"]
> [class^="userPopoutOverlayBackground_"] {
margin-top: -78px !important;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"]
[class*="usernameSection_"] {
padding: 0 !important;
position: absolute;
top: -60px;
left: 64px;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"]
[class*="usernameSection_"] {
padding: 0 !important;
position: absolute;
top: -56px;
left: 64px;
}
[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"]
> [class^="userPopoutInner_"]
[class*="usernameSection_"] {
padding: 0 !important;
position: absolute;
top: -54px;
left: 64px;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class*="usernameSection_"]
> div {
display: flex;
flex-direction: row !important;
align-items: center;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class*="usernameSection_"]
> div
> [class^="userText_"]
> h1 {
font-size: 16px !important;
line-height: 16px !important;
text-shadow: 1px 1px 0 var(--primary);
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class*="usernameSection_"]
[class^="userText_"]
> div
> [class*="userTag_"] {
line-height: 16px;
width: max-content;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class*="usernameSection_"]
[class^="userText_"]
> div
> [class*="userTag_"]
> span {
text-shadow: 1px 1px 0 var(--primary);
font-size: 12px;
padding-left: 2px;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class*="usernameSection_"]
[class^="userText_"]
> div {
position: absolute;
top: -26px;
left: -62px;
z-index: 10;
flex-direction: row-reverse !important;
}
[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"]
> [class^="userPopoutInner_"]
[class*="usernameSection_"]
[class^="userText_"]
> div {
position: absolute;
top: -26px;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"]
[class*="usernameSection_"]
[class^="userText_"]
> div {
position: absolute;
top: -24px;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class*="usernameSection_"]
[class^="userText_"]
> div
.platform-icons-wrapper {
margin-left: 0 !important;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class*="usernameSection_"]
> div
> [class*="pronouns_"] {
font-size: 12px;
line-height: 12px;
padding-top: 0;
margin-left: 4px;
opacity: 0.75;
text-shadow: 1px 1px 0 var(--primary);
}
[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"]
> [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"]
[class*="customStatusSection_"] {
padding: 0 !important;
position: absolute;
top: -38px;
left: 64px;
}
[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"]
> [class^="userPopoutInner_"]
[class*="customStatusSection_"] {
padding: 0 !important;
position: absolute;
top: -30px;
left: 64px;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"]
[class*="customStatusSection_"] {
padding: 0 !important;
position: absolute;
top: -32px;
left: 64px;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class*="customStatusSection_"]
> [class^="customStatus_"] {
font-size: 12px;
line-height: 12px;
text-shadow: 1px 1px 0 var(--primary);
display: flex;
flex-direction: row !important;
align-items: center;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class*="customStatusSection_"]
> [class^="customStatus_"]
> [class*="customStatusEmoji_"] {
width: 16px;
height: 16px;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class*="customStatusSection_"]
> [class^="customStatus_"]
> [class^="customStatusText_"] {
max-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
[class^="section_"]:has(> .mutual-guilds) {
padding-top: 0;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
> [class^="profileBadges_"] {
visibility: hidden;
height: 30px !important;
}
[class^="userPopoutOuter_"]
> [class^="userPopoutInner_"]
> [class^="bannerSVGWrapper_"][viewbox$=" 60"] {
margin-bottom: 60px;
}

View file

@ -56,70 +56,70 @@
inset 0 0 0 4px var(--secondary, var(--background-secondary)); inset 0 0 0 4px var(--secondary, var(--background-secondary));
} }
[class*="button_"][class*="lookFilled_"], [class*="button-"][class*="lookFilled-"],
section[class^="panels_"] section[class^="panels-"]
[class^="container_"] [class^="container-"]
[class^="flex_"] [class^="flex-"]
button[class^="button_"], button[class^="button-"],
[class^="toolbar_"] [class*="iconWrapper_"] { [class^="toolbar-"] [class*="iconWrapper-"] {
border-radius: 0; border-radius: 0;
color: var(--text) !important; color: var(--text) !important;
background: var(--button-bg) !important; background: var(--button-bg) !important;
box-shadow: var(--button-shadow) !important; box-shadow: var(--button-shadow) !important;
} }
[class^="containerDefault_"][class*="selected_"] [class^="containerDefault-"][class*="selected-"]
[class^="iconVisibility_"] [class^="iconVisibility-"]
> [class^="content_"], > [class^="content-"],
[class^="containerDefault_"] [class^="containerDefault-"]
[class^="iconVisibility_"][class*="modeSelected_"] [class^="iconVisibility-"][class*="modeSelected-"]
> [class^="content_"], > [class^="content-"],
nav[class^="sidebar_"] div[class^="item_"][class*="selected_"], nav[class^="sidebar-"] div[class^="item-"][class*="selected-"],
[class^="member_"][aria-expanded="true"] > [class^="layout_"], [class^="member-"][aria-expanded="true"] > [class^="layout-"],
[class^="channel_"] [class^="interactive_"][class*="selected_"] { [class^="channel-"] [class^="interactive-"][class*="selected-"] {
border-radius: 0; border-radius: 0;
background: var(--button-bg) !important; background: var(--button-bg) !important;
box-shadow: var(--button-shadow) !important; box-shadow: var(--button-shadow) !important;
} }
[class^="containerDefault_"] [class^="containerDefault-"]
[class^="iconVisibility_"]:hover [class^="iconVisibility-"]:hover
[class^="content_"], [class^="content-"],
nav[class^="sidebar_"] div[class^="item_"]:not([class*="selected_"]):hover, nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover,
[class^="member_"]:not([aria-expanded="true"]):hover > [class^="layout_"], [class^="member-"]:not([aria-expanded="true"]):hover > [class^="layout-"],
[class^="channel_"] [class^="interactive_"]:not([class*="selected_"]):hover { [class^="channel-"] [class^="interactive-"]:not([class*="selected-"]):hover {
border-radius: 0; border-radius: 0;
background: var(--hover-bg) !important; background: var(--hover-bg) !important;
box-shadow: var(--hover-shadow) !important; box-shadow: var(--hover-shadow) !important;
} }
[class^="scroller_"]::-webkit-scrollbar-thumb, [class^="scroller-"]::-webkit-scrollbar-thumb,
[class*="scrollerBase_"]::-webkit-scrollbar-thumb { [class*="scrollerBase-"]::-webkit-scrollbar-thumb {
border-radius: 0; border-radius: 0;
background: transparent; background: transparent;
box-shadow: var(--scrollbar-shadow); box-shadow: var(--scrollbar-shadow);
} }
[class^="channelTextArea_"] > [class^="scrollableContainer_"] { [class^="channelTextArea-"] > [class^="scrollableContainer-"] {
border: 1px solid var(--background-tertiary); border: 1px solid var(--background-tertiary);
border-radius: 0; border-radius: 0;
} }
[class^="toolbar_"] [class*="iconWrapper_"] { [class^="toolbar-"] [class*="iconWrapper-"] {
margin: 0; margin: 0;
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
[class^="toolbar_"] [class*="iconWrapper_"] > svg { [class^="toolbar-"] [class*="iconWrapper-"] > svg {
margin: 4px; margin: 4px;
} }
[class^="toolbar_"] > [class^="search_"] { [class^="toolbar-"] > [class^="search-"] {
margin: 0; margin: 0;
} }
[class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] { [class^="toolbar-"] > [class^="search-"] [class^="searchBar-"] {
background-color: var(--background-primary); background-color: var(--background-primary);
border: 1px solid var(--background-tertiary); border: 1px solid var(--background-tertiary);
border-radius: 0; border-radius: 0;
@ -127,22 +127,22 @@ nav[class^="sidebar_"] div[class^="item_"]:not([class*="selected_"]):hover,
justify-content: center; justify-content: center;
} }
[class^="toolbar_"] [class^="toolbar-"]
> [class^="search_"] > [class^="search-"]
[class^="searchBar_"] [class^="searchBar-"]
> .DraftEditor-root, > .DraftEditor-root,
[class^="toolbar_"] [class^="toolbar-"]
> [class^="search_"] > [class^="search-"]
[class^="searchBar_"] [class^="searchBar-"]
> [class^="icon_"] { > [class^="icon-"] {
height: 24px; height: 24px;
margin-top: 2px; margin-top: 2px;
} }
[class*="recentMentionsPopout_"] [class*="recentMentionsPopout-"]
> [class^="header_"] > [class^="header-"]
> [class^="tabBar_"] > [class^="tabBar-"]
> [class^="tab_"] { > [class^="tab-"] {
margin: 0; margin: 0;
border-radius: 0; border-radius: 0;
background: var(--button-bg) !important; background: var(--button-bg) !important;
@ -151,26 +151,26 @@ nav[class^="sidebar_"] div[class^="item_"]:not([class*="selected_"]):hover,
font-size: 12px !important; font-size: 12px !important;
} }
[class*="recentMentionsPopout_"] [class*="recentMentionsPopout-"]
> [class^="header_"] > [class^="header-"]
> [class^="tabBar_"] > [class^="tabBar-"]
> [class^="tab_"]:hover, > [class^="tab-"]:hover,
[class*="recentMentionsPopout_"] [class*="recentMentionsPopout-"]
> [class^="header_"] > [class^="header-"]
> [class^="tabBar_"] > [class^="tabBar-"]
> [class^="tab_"][class*="active_"] { > [class^="tab-"][class*="active-"] {
background: var(--hover-bg) !important; background: var(--hover-bg) !important;
box-shadow: var(--hover-shadow) !important; box-shadow: var(--hover-shadow) !important;
} }
[class^="reaction_"] { [class^="reaction-"] {
background-color: var(--button-bg); background-color: var(--button-bg);
box-shadow: var(--button-shadow); box-shadow: var(--button-shadow);
border-radius: 0; border-radius: 0;
} }
[class^="reaction_"]:hover, [class^="reaction-"]:hover,
[class^="reaction_"][class*="reactionMe_"] { [class^="reaction-"][class*="reactionMe-"] {
background-color: var(--hover-bg); background-color: var(--hover-bg);
box-shadow: var(--hover-shadow); box-shadow: var(--hover-shadow);
} }

View file

@ -1,107 +1,107 @@
[class*="chat_"] [class*="chatContent_"] form { [class*="chat-"] [class*="chatContent-"] form {
position: relative; position: relative;
margin: 0; margin: 0;
} }
[class*="chat_"] form [class*="typing_"] { [class*="chat-"] form [class*="typing-"] {
position: absolute; position: absolute;
top: -2px; top: -2px;
left: 10px; left: 10px;
} }
[class*="channelTextArea_"] { [class*="channelTextArea-"] {
margin-bottom: 10px !important; margin-bottom: 10px !important;
margin-top: 24px !important; margin-top: 24px !important;
padding: 0 !important; padding: 0 !important;
} }
[class*="channelTextArea_"] [class*="inner_"] { [class*="channelTextArea-"] [class*="inner-"] {
border-radius: 6px; border-radius: 6px;
} }
[class*="sansAttachButton_"] { [class*="sansAttachButton-"] {
padding-left: 10px !important; padding-left: 10px !important;
} }
.typing .ellipsis, .typing .ellipsis,
[class*="typing_"] span[class*="ellipsis_"] { [class*="typing-"] span[class*="ellipsis-"] {
display: none; display: none;
} }
form [class*="typing_"] { form [class*="typing-"] {
background-color: transparent !important; background-color: transparent !important;
} }
[class^="scrollerSpacer_"] { [class^="scrollerSpacer-"] {
height: 4px !important; height: 4px !important;
} }
[class^="chatContent_"] > form:before { [class^="chatContent-"] > form:before {
display: none !important; display: none !important;
} }
[class^="chatContent_"] > form { [class^="chatContent-"] > form {
padding: 0 !important; padding: 0 !important;
bottom: 0; bottom: 0;
} }
[class^="chatContent_"] > form [class^="channelTextArea"] { [class^="chatContent-"] > form [class^="channelTextArea"] {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
[class^="chatContent_"] [class^="chatContent-"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] { > [class^="scrollableContainer-"] {
border-radius: 0 !important; border-radius: 0 !important;
border: 0 !important; border: 0 !important;
} }
[class^="chatContent_"] [class^="chatContent-"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"], > [class^="textArea-"],
[class^="chatContent_"] [class^="chatContent-"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"], > [class^="buttons-"],
[class^="chatContent_"] [class^="chatContent-"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="attachWrapper_"], > [class^="attachWrapper-"],
[class^="chatContent_"] [class^="chatContent-"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="attachWrapper_"] > [class^="attachWrapper-"]
> [class^="attachButton_"] { > [class^="attachButton-"] {
min-height: 53px; min-height: 53px;
} }
[class^="chatContent_"] [class^="chatContent-"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"] > [class^="textArea-"]
> div > div
> [class*="fontSize16Padding_"] { > [class*="fontSize16Padding-"] {
padding-top: 15px !important; padding-top: 15px !important;
padding-bottom: 15px !important; padding-bottom: 15px !important;
} }
[class^="chatContent_"] [class^="chatContent-"]
> form > form
[class^="channelTextArea"] [class^="channelTextArea"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
[class*="emojiButton_"] { [class*="emojiButton-"] {
max-height: unset; max-height: unset;
} }
[class^="messagesWrapper_"] { [class^="messagesWrapper-"] {
margin-bottom: 8px; margin-bottom: 8px;
} }

View file

@ -1,258 +1,258 @@
[class*="chat_"] [class*="chatContent_"] form { [class*="chat-"] [class*="chatContent-"] form {
position: relative; position: relative;
margin: 0; margin: 0;
} }
[class*="chat_"] form [class*="typing_"] { [class*="chat-"] form [class*="typing-"] {
position: absolute; position: absolute;
top: -2px; top: -2px;
left: 10px; left: 10px;
} }
[class*="channelTextArea_"] { [class*="channelTextArea-"] {
margin-bottom: 10px !important; margin-bottom: 10px !important;
margin-top: 24px !important; margin-top: 24px !important;
padding: 0 !important; padding: 0 !important;
} }
[class*="channelTextArea_"] [class*="inner_"] { [class*="channelTextArea-"] [class*="inner-"] {
border-radius: 6px; border-radius: 6px;
} }
[class*="sansAttachButton_"] { [class*="sansAttachButton-"] {
padding-left: 10px !important; padding-left: 10px !important;
} }
.typing .ellipsis, .typing .ellipsis,
[class*="typing_"] span[class*="ellipsis_"] { [class*="typing-"] span[class*="ellipsis-"] {
display: none; display: none;
} }
form [class*="typing_"] { form [class*="typing-"] {
background-color: transparent !important; background-color: transparent !important;
} }
[class^="scrollerSpacer_"] { [class^="scrollerSpacer-"] {
height: 4px !important; height: 4px !important;
} }
[class^="chatContent_"] > form:before { [class^="chatContent-"] > form:before {
display: none !important; display: none !important;
} }
[class^="channelTextArea_"], [class^="channelTextArea-"],
[class^="channelTextArea_"] > [class^="scrollableContainer_"] { [class^="channelTextArea-"] > [class^="scrollableContainer-"] {
background-color: transparent !important; background-color: transparent !important;
} }
[class^="channelTextArea_"] > [class^="scrollableContainer_"] { [class^="channelTextArea-"] > [class^="scrollableContainer-"] {
overflow: hidden !important; overflow: hidden !important;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] { > [class^="inner-"] {
padding-left: 0 !important; padding-left: 0 !important;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="attachWrapper_"] { > [class^="attachWrapper-"] {
margin-right: 10px; margin-right: 10px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="attachWrapper_"] > [class^="attachWrapper-"]
> [class^="attachButton_"] { > [class^="attachButton-"] {
margin-left: 0 !important; margin-left: 0 !important;
padding: 10px; padding: 10px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"] { > [class^="textArea-"] {
margin-right: 10px; margin-right: 10px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"] > [class^="textArea-"]
> div { > div {
padding-left: 10px; padding-left: 10px;
margin-left: 4px; margin-left: 4px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
> * { > * {
width: 44px; width: 44px;
margin-right: 10px; margin-right: 10px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
> [class^="buttonContainer_"] > [class^="buttonContainer-"]
> button, > button,
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
> .expression-picker-chat-input-button > .expression-picker-chat-input-button
> * { > * {
width: 44px; width: 44px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="attachWrapper_"], > [class^="attachWrapper-"],
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"], > [class^="textArea-"],
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
> * { > * {
background-color: var(--background-secondary); background-color: var(--background-secondary);
border-radius: 22px 22px 22px 22px; border-radius: 22px 22px 22px 22px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
> [class^="separator_"] { > [class^="separator-"] {
margin-left: 0; margin-left: 0;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
> [class^="separator_"]:before { > [class^="separator-"]:before {
display: none; display: none;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
> [class^="separator_"] > [class^="separator-"]
> [class^="buttonContainer_"] > [class^="buttonContainer-"]
> button { > button {
width: 44px; width: 44px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
> [class^="separator_"] > [class^="separator-"]
> [class^="buttonContainer_"] > [class^="buttonContainer-"]
> button > button
> [class^="contents_"] { > [class^="contents-"] {
margin-left: 4px; margin-left: 4px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
> [class^="separator_"] > [class^="separator-"]
> [class^="buttonContainer_"] > [class^="buttonContainer-"]
> button > button
> [class^="contents_"] > [class^="contents-"]
> [class*="activeButtonChild_"] { > [class*="activeButtonChild-"] {
color: var(--interactive-active); color: var(--interactive-active);
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="buttons_"] > [class^="buttons-"]
> [class^="separator_"] > [class^="separator-"]
> [class^="buttonContainer_"] > [class^="buttonContainer-"]
> button:not([disabled]) { > button:not([disabled]) {
background-color: var(--brand-experiment); background-color: var(--brand-experiment);
border-radius: 22px 22px 22px 22px; border-radius: 22px 22px 22px 22px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> div:not([class]) { > div:not([class]) {
background-color: var(--background-secondary); background-color: var(--background-secondary);
} }
[class^="channelTextArea_"] > [class^="attachedBars_"] { [class^="channelTextArea-"] > [class^="attachedBars-"] {
background: var(--background-primary) !important; background: var(--background-primary) !important;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"] { > [class^="textArea-"] {
max-height: 128px; max-height: 128px;
overflow-y: scroll; overflow-y: scroll;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"]::-webkit-scrollbar { > [class^="textArea-"]::-webkit-scrollbar {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"]::-webkit-scrollbar-corner { > [class^="textArea-"]::-webkit-scrollbar-corner {
background-color: transparent; background-color: transparent;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"]::-webkit-scrollbar-thumb { > [class^="textArea-"]::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-auto-thumb); background-color: var(--scrollbar-auto-thumb);
min-height: 40px; min-height: 40px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"]::-webkit-scrollbar-thumb, > [class^="textArea-"]::-webkit-scrollbar-thumb,
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"]::-webkit-scrollbar-track { > [class^="textArea-"]::-webkit-scrollbar-track {
border: 4px solid transparent; border: 4px solid transparent;
background-clip: padding-box; background-clip: padding-box;
border-radius: 8px; border-radius: 8px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="attachWrapper_"] { > [class^="attachWrapper-"] {
max-height: 44px; max-height: 44px;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] { > [class^="inner-"] {
align-items: center; align-items: center;
} }
[class^="channelTextArea_"] [class^="channelTextArea-"]
> [class^="scrollableContainer_"] > [class^="scrollableContainer-"]
> [class^="inner_"] > [class^="inner-"]
> [class^="textArea_"] > [class^="textArea-"]
> div > div
> [class^="placeholder_"] { > [class^="placeholder-"] {
left: 14px; left: 14px;
} }

View file

@ -1,41 +1,41 @@
[class*="chat_"] [class*="chatContent_"] form { [class*="chat-"] [class*="chatContent-"] form {
position: relative; position: relative;
margin: 0; margin: 0;
} }
[class*="chat_"] form [class*="typing_"] { [class*="chat-"] form [class*="typing-"] {
position: absolute; position: absolute;
top: -2px; top: -2px;
left: 10px; left: 10px;
} }
[class*="channelTextArea_"] { [class*="channelTextArea-"] {
margin-bottom: 10px !important; margin-bottom: 10px !important;
margin-top: 24px !important; margin-top: 24px !important;
padding: 0 !important; padding: 0 !important;
} }
[class*="channelTextArea_"] [class*="inner_"] { [class*="channelTextArea-"] [class*="inner-"] {
border-radius: 6px; border-radius: 6px;
} }
[class*="sansAttachButton_"] { [class*="sansAttachButton-"] {
padding-left: 10px !important; padding-left: 10px !important;
} }
.typing .ellipsis, .typing .ellipsis,
[class*="typing_"] span[class*="ellipsis_"] { [class*="typing-"] span[class*="ellipsis-"] {
display: none; display: none;
} }
form [class*="typing_"] { form [class*="typing-"] {
background-color: transparent !important; background-color: transparent !important;
} }
[class^="scrollerSpacer_"] { [class^="scrollerSpacer-"] {
height: 8px !important; height: 8px !important;
} }
[class^="chatContent_"] > form:before { [class^="chatContent-"] > form:before {
display: none !important; display: none !important;
} }

View file

@ -1,49 +1,49 @@
[class*="wordmark_"] { [class*="wordmark-"] {
display: none !important; display: none !important;
} }
[class*="titleBar_"] { [class*="titleBar-"] {
margin-top: 0; margin-top: 0;
} }
[class*="typeWindows_"] { [class*="typeWindows-"] {
height: 0px !important; height: 0px !important;
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
[class*="winButton_"] { [class*="winButton-"] {
margin-top: 19px; margin-top: 19px;
margin-right: 5px; margin-right: 5px;
opacity: 0.3; opacity: 0.3;
} }
[class*="winButton_"]:hover { [class*="winButton-"]:hover {
opacity: 1; opacity: 1;
} }
.platform-win [class*="headerBar_"], .platform-win [class*="headerBar-"],
.platform-win [class^="chat_"] > [class^="title_"], .platform-win [class^="chat-"] > [class^="title-"],
.platform-win [class*="activityFeed_"] > [class*="container_"], .platform-win [class*="activityFeed-"] > [class*="container-"],
.platform-win [class^="libraryHeader_"], .platform-win [class^="libraryHeader-"],
.platform-win .platform-win
[class*="spacer_"] [class*="spacer-"]
> [class*="container_"] > [class*="container-"]
> [class*="container_"], > [class*="container-"],
.platform-win .platform-win
[class^="base_"] [class^="base-"]
> [class^="content_"] > [class^="content-"]
> [class^="container_"] > [class^="container-"]
> [class^="container_"], > [class^="container-"],
.platform-win [class^="videoControls_"] [class^="headerWrapper_"] { .platform-win [class^="videoControls-"] [class^="headerWrapper-"] {
padding-right: 104px !important; padding-right: 104px !important;
} }
.platform-win [class^="topControls_"] { .platform-win [class^="topControls-"] {
top: -4px; top: -4px;
position: relative; position: relative;
} }
[class*="winButtonClose_"], [class*="winButtonClose-"],
[class*="winButtonMinMax_"] { [class*="winButtonMinMax-"] {
width: 24px !important; width: 24px !important;
height: 24px !important; height: 24px !important;
margin-left: 0 !important; margin-left: 0 !important;
@ -53,41 +53,41 @@
background-color: var(--interactive-normal) !important; background-color: var(--interactive-normal) !important;
} }
[class*="winButtonClose_"] { [class*="winButtonClose-"] {
margin-right: 12px; margin-right: 12px;
} }
[class*="winButtonClose_"] svg, [class*="winButtonClose-"] svg,
[class*="winButtonMinMax_"] svg { [class*="winButtonMinMax-"] svg {
display: none; display: none;
} }
[class*="winButtonClose_"] { [class*="winButtonClose-"] {
mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjAgNy40MUwxOC41OSA2IDEzIDExLjU5IDcuNDEgNiA2IDcuNDEgMTEuNTkgMTMgNiAxOC41OSA3LjQxIDIwIDEzIDE0LjQxIDE4LjU5IDIwIDIwIDE4LjU5IDE0LjQxIDEzIDIwIDcuNDF6Ii8+PC9nPjwvc3ZnPg==") mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjAgNy40MUwxOC41OSA2IDEzIDExLjU5IDcuNDEgNiA2IDcuNDEgMTEuNTkgMTMgNiAxOC41OSA3LjQxIDIwIDEzIDE0LjQxIDE4LjU5IDIwIDIwIDE4LjU5IDE0LjQxIDEzIDIwIDcuNDF6Ii8+PC9nPjwvc3ZnPg==")
no-repeat; no-repeat;
-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjAgNy40MUwxOC41OSA2IDEzIDExLjU5IDcuNDEgNiA2IDcuNDEgMTEuNTkgMTMgNiAxOC41OSA3LjQxIDIwIDEzIDE0LjQxIDE4LjU5IDIwIDIwIDE4LjU5IDE0LjQxIDEzIDIwIDcuNDF6Ii8+PC9nPjwvc3ZnPg==") -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjAgNy40MUwxOC41OSA2IDEzIDExLjU5IDcuNDEgNiA2IDcuNDEgMTEuNTkgMTMgNiAxOC41OSA3LjQxIDIwIDEzIDE0LjQxIDE4LjU5IDIwIDIwIDE4LjU5IDE0LjQxIDEzIDIwIDcuNDF6Ii8+PC9nPjwvc3ZnPg==")
no-repeat; no-repeat;
background-image: none !important; background-image: none !important;
} }
[class*="winButtonMinMax_"]:nth-child(3) { [class*="winButtonMinMax-"]:nth-child(3) {
mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOCAxM0g2djdoN3YtMkg4di01em0tMiAwaDJWOGg1VjZINnY3em03IDV2Mmg3di03aC0ydjVoLTV6bTAtMTJ2Mmg1djVoMlY2aC03eiIvPjwvZz48L3N2Zz4=") mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOCAxM0g2djdoN3YtMkg4di01em0tMiAwaDJWOGg1VjZINnY3em03IDV2Mmg3di03aC0ydjVoLTV6bTAtMTJ2Mmg1djVoMlY2aC03eiIvPjwvZz48L3N2Zz4=")
no-repeat; no-repeat;
-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOCAxM0g2djdoN3YtMkg4di01em0tMiAwaDJWOGg1VjZINnY3em03IDV2Mmg3di03aC0ydjVoLTV6bTAtMTJ2Mmg1djVoMlY2aC03eiIvPjwvZz48L3N2Zz4=") -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOCAxM0g2djdoN3YtMkg4di01em0tMiAwaDJWOGg1VjZINnY3em03IDV2Mmg3di03aC0ydjVoLTV6bTAtMTJ2Mmg1djVoMlY2aC03eiIvPjwvZz48L3N2Zz4=")
no-repeat; no-repeat;
background-image: none !important; background-image: none !important;
} }
[class*="winButtonMinMax_"]:nth-child(4) { [class*="winButtonMinMax-"]:nth-child(4) {
mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkgMTl2LTJIN3YyaDEyeiIvPjxwYXRoIGQ9Ik0xIDI1aDI0VjFIMXYyNHoiLz48L2c+PC9zdmc+") mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkgMTl2LTJIN3YyaDEyeiIvPjxwYXRoIGQ9Ik0xIDI1aDI0VjFIMXYyNHoiLz48L2c+PC9zdmc+")
no-repeat; no-repeat;
-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkgMTl2LTJIN3YyaDEyeiIvPjxwYXRoIGQ9Ik0xIDI1aDI0VjFIMXYyNHoiLz48L2c+PC9zdmc+") -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkgMTl2LTJIN3YyaDEyeiIvPjxwYXRoIGQ9Ik0xIDI1aDI0VjFIMXYyNHoiLz48L2c+PC9zdmc+")
no-repeat; no-repeat;
background-image: none !important; background-image: none !important;
} }
[class*="winButtonClose_"]:hover, [class*="winButtonClose-"]:hover,
[class*="winButtonMinMax_"]:hover { [class*="winButtonMinMax-"]:hover {
background-color: var(--interactive-hover) !important; background-color: var(--interactive-hover) !important;
} }
[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"], [class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"],
html.platform-win:not(.app-focused) [class*="winButton_"] { html.platform-win:not(.app-focused) [class*="winButton-"] {
opacity: 1 !important; opacity: 1 !important;
} }

View file

@ -28,13 +28,13 @@
border-color: var(--titlebar-border-active, var(--primary)) !important; border-color: var(--titlebar-border-active, var(--primary)) !important;
} }
[class^="typeWindows_"] { [class^="typeWindows-"] {
height: 18px !important; height: 18px !important;
margin-top: 0; margin-top: 0;
background: var(--titlebar-inactive, var(--secondary)); background: var(--titlebar-inactive, var(--secondary));
border-bottom: 1px solid var(--titlebar-border-inactive, var(--secondary)); border-bottom: 1px solid var(--titlebar-border-inactive, var(--secondary));
} }
.app-focused [class^="typeWindows_"] { .app-focused [class^="typeWindows-"] {
background: var( background: var(
--titlebar-active, --titlebar-active,
var(--titlebar-color, var(--accent)) var(--titlebar-color, var(--accent))
@ -42,13 +42,13 @@
border-color: var(--titlebar-border-active, var(--primary)) !important; border-color: var(--titlebar-border-active, var(--primary)) !important;
} }
[class^="winButtonClose_"] > svg, [class^="winButtonClose-"] > svg,
[class^="winButtonMinMax_"] > svg, [class^="winButtonMinMax-"] > svg,
[class^="wordmarkWindows_"] > svg { [class^="wordmarkWindows-"] > svg {
display: none; display: none;
} }
[class^="wordmarkWindows_"] { [class^="wordmarkWindows-"] {
width: 16px !important; width: 16px !important;
height: 16px !important; height: 16px !important;
top: 1px !important; top: 1px !important;
@ -57,7 +57,7 @@
background-image: var(--titlebar-icon); background-image: var(--titlebar-icon);
background-repeat: no-repeat; background-repeat: no-repeat;
} }
[class^="wordmarkWindows_"]::after { [class^="wordmarkWindows-"]::after {
font-family: var(--_font-titlebars) !important; font-family: var(--_font-titlebars) !important;
font-size: 12px !important; font-size: 12px !important;
color: var(--wc-bright, var(--highlight)) !important; color: var(--wc-bright, var(--highlight)) !important;
@ -69,11 +69,11 @@
height: 17px; height: 17px;
opacity: 1; opacity: 1;
} }
.app-focused [class^="wordmarkWindows_"]::after { .app-focused [class^="wordmarkWindows-"]::after {
color: var(--text) !important; color: var(--text) !important;
} }
[class*="winButton_"] { [class*="winButton-"] {
top: 2px; top: 2px;
width: 12px !important; width: 12px !important;
height: 10px !important; height: 10px !important;
@ -82,43 +82,43 @@
box-shadow: var(--wc-outer-edge); box-shadow: var(--wc-outer-edge);
} }
[class^="winButtonClose_"] { [class^="winButtonClose-"] {
right: 2px; right: 2px;
} }
[class^="winButtonMinMax_"]:nth-child(3), [class^="winButtonMinMax-"]:nth-child(3),
[class^="winButtonMinMax_"]:nth-child(4) { [class^="winButtonMinMax-"]:nth-child(4) {
right: 4px; right: 4px;
} }
[class*="winButton_"]::before { [class*="winButton-"]::before {
width: 12px !important; width: 12px !important;
height: 10px !important; height: 10px !important;
background-color: var(--text); background-color: var(--text);
content: ""; content: "";
} }
[class^="winButtonClose_"]::before { [class^="winButtonClose-"]::before {
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
} }
[class^="winButtonMinMax_"]:nth-child(3)::before { [class^="winButtonMinMax-"]:nth-child(3)::before {
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAjSURBVChTY4CC/0RgFIBNATpGARgCaGBUAwiABAhhcgADAwD+Vybas8l0mAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAjSURBVChTY4CC/0RgFIBNATpGARgCaGBUAwiABAhhcgADAwD+Vybas8l0mAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAjSURBVChTY4CC/0RgFIBNATpGARgCaGBUAwiABAhhcgADAwD+Vybas8l0mAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAjSURBVChTY4CC/0RgFIBNATpGARgCaGBUAwiABAhhcgADAwD+Vybas8l0mAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
} }
[class^="winButtonMinMax_"]:nth-child(4)::before { [class^="winButtonMinMax-"]:nth-child(4)::before {
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==");
} }
[class*="recentMentionsPopout_"], [class*="recentMentionsPopout-"],
[class^="messagesPopoutWrap_"], [class^="messagesPopoutWrap-"],
[class^="browser_"] { [class^="browser-"] {
border-radius: 0; border-radius: 0;
padding: 2px; padding: 2px;
box-shadow: var(--wc-frame); box-shadow: var(--wc-frame);
border: 1px solid var(--titlebar-border-active, var(--primary)); border: 1px solid var(--titlebar-border-active, var(--primary));
} }
[class*="recentMentionsPopout_"] > [class^="header_"] { [class*="recentMentionsPopout-"] > [class^="header-"] {
padding: 0 4px; padding: 0 4px;
font-family: var(--_font-titlebars) !important; font-family: var(--_font-titlebars) !important;
font-size: 12px !important; font-size: 12px !important;
@ -132,10 +132,10 @@
var(--titlebar-color, var(--accent)) var(--titlebar-color, var(--accent))
) !important; ) !important;
} }
[class*="recentMentionsPopout_"] [class*="recentMentionsPopout-"]
> [class^="header_"] > [class^="header-"]
> [class^="controls_"] > [class^="controls-"]
> [class^="button_"] { > [class^="button-"] {
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
width: 16px; width: 16px;
@ -144,7 +144,7 @@
min-height: 16px; min-height: 16px;
background-color: transparent; background-color: transparent;
} }
[class*="recentMentionsPopout_"] > [class^="header_"] [class^="tab_"] { [class*="recentMentionsPopout-"] > [class^="header-"] [class^="tab-"] {
margin-top: 0 !important; margin-top: 0 !important;
padding: 0px 2px; padding: 0px 2px;
height: 16px; height: 16px;
@ -152,10 +152,10 @@
font-size: 12px; font-size: 12px;
} }
[class^="messagesPopoutWrap_"] > [class^="header_"] { [class^="messagesPopoutWrap-"] > [class^="header-"] {
padding: 0; padding: 0;
} }
[class^="messagesPopoutWrap_"] > [class^="header_"] > h1 { [class^="messagesPopoutWrap-"] > [class^="header-"] > h1 {
padding: 0 4px; padding: 0 4px;
font-family: var(--_font-titlebars) !important; font-family: var(--_font-titlebars) !important;
font-size: 12px !important; font-size: 12px !important;
@ -169,7 +169,7 @@
) !important; ) !important;
} }
[class^="browser_"] > [class^="header_"] { [class^="browser-"] > [class^="header-"] {
padding: 0 4px; padding: 0 4px;
font-family: var(--_font-titlebars) !important; font-family: var(--_font-titlebars) !important;
font-size: 12px !important; font-size: 12px !important;
@ -183,33 +183,33 @@
var(--titlebar-color, var(--accent)) var(--titlebar-color, var(--accent))
) !important; ) !important;
} }
[class^="browser_"] > [class^="header_"] > h1 { [class^="browser-"] > [class^="header-"] > h1 {
font-family: var(--_font-titlebars) !important; font-family: var(--_font-titlebars) !important;
font-size: 12px !important; font-size: 12px !important;
color: var(--text) !important; color: var(--text) !important;
font-weight: bold !important; font-weight: bold !important;
} }
[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] { [class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] { [class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] {
margin-right: 2px; margin-right: 2px;
} }
[class^="browser_"] > [class^="header_"] > h1, [class^="browser-"] > [class^="header-"] > h1,
[class^="browser_"] > [class^="header_"] > [class^="divider_"], [class^="browser-"] > [class^="header-"] > [class^="divider-"],
[class^="browser_"] > [class^="header_"] > [class^="searchBox_"] { [class^="browser-"] > [class^="header-"] > [class^="searchBox-"] {
margin-right: 0; margin-right: 0;
} }
[class^="browser_"] > [class^="header_"] > [class^="divider_"] { [class^="browser-"] > [class^="header-"] > [class^="divider-"] {
flex-grow: 1; flex-grow: 1;
background-color: transparent; background-color: transparent;
} }
[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] > svg { [class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] > svg {
display: none; display: none;
} }
[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] { [class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] {
width: 12px !important; width: 12px !important;
min-width: 12px !important; min-width: 12px !important;
height: 10px !important; height: 10px !important;
@ -221,7 +221,7 @@
background: var(--primary) !important; background: var(--primary) !important;
box-shadow: var(--wc-outer-edge); box-shadow: var(--wc-outer-edge);
} }
[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"]::before { [class^="browser-"] > [class^="header-"] > [class^="closeIcon-"]::before {
width: 12px !important; width: 12px !important;
height: 10px !important; height: 10px !important;
background-color: var(--text); background-color: var(--text);

View file

@ -1,10 +1,10 @@
[class*="recentMentionsPopout_"], [class*="recentMentionsPopout-"],
[class^="messagesPopoutWrap_"], [class^="messagesPopoutWrap-"],
[class^="browser_"] { [class^="browser-"] {
border-radius: 0; border-radius: 0;
} }
[class*="recentMentionsPopout_"] > [class^="header_"] { [class*="recentMentionsPopout-"] > [class^="header-"] {
color: var(--text) !important; color: var(--text) !important;
padding: 0 4px; padding: 0 4px;
background-color: var(--titlebar-color); background-color: var(--titlebar-color);
@ -20,10 +20,10 @@
font-size: 12px !important; font-size: 12px !important;
text-transform: none; text-transform: none;
} }
[class*="recentMentionsPopout_"] [class*="recentMentionsPopout-"]
> [class^="header_"] > [class^="header-"]
> [class^="controls_"] > [class^="controls-"]
> [class^="button_"] { > [class^="button-"] {
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
width: 16px; width: 16px;
@ -32,14 +32,14 @@
min-height: 16px; min-height: 16px;
background-color: transparent; background-color: transparent;
} }
[class*="recentMentionsPopout_"] > [class^="header_"] [class^="tab_"] { [class*="recentMentionsPopout-"] > [class^="header-"] [class^="tab-"] {
margin-top: 0 !important; margin-top: 0 !important;
} }
[class^="messagesPopoutWrap_"] > [class^="header_"] { [class^="messagesPopoutWrap-"] > [class^="header-"] {
padding: 0; padding: 0;
} }
[class^="messagesPopoutWrap_"] > [class^="header_"] > h1 { [class^="messagesPopoutWrap-"] > [class^="header-"] > h1 {
color: var(--text) !important; color: var(--text) !important;
padding: 0 10px; padding: 0 10px;
background-color: var(--titlebar-color); background-color: var(--titlebar-color);
@ -55,7 +55,7 @@
text-transform: none; text-transform: none;
} }
[class^="browser_"] > [class^="header_"] { [class^="browser-"] > [class^="header-"] {
color: var(--text) !important; color: var(--text) !important;
padding: 0 4px; padding: 0 4px;
background-color: var(--titlebar-color); background-color: var(--titlebar-color);
@ -71,40 +71,40 @@
font-size: 12px !important; font-size: 12px !important;
text-transform: none; text-transform: none;
} }
[class^="browser_"] > [class^="header_"] > h1 { [class^="browser-"] > [class^="header-"] > h1 {
font-weight: 100; font-weight: 100;
font-family: var(--_font-titlebars) !important; font-family: var(--_font-titlebars) !important;
font-size: 12px !important; font-size: 12px !important;
text-transform: none; text-transform: none;
} }
[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"], [class^="browser-"] > [class^="header-"] > [class^="threadIcon-"],
[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] > svg { [class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] > svg {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] { [class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] {
margin-right: 2px; margin-right: 2px;
} }
[class^="browser_"] > [class^="header_"] > h1, [class^="browser-"] > [class^="header-"] > h1,
[class^="browser_"] > [class^="header_"] > [class^="divider_"], [class^="browser-"] > [class^="header-"] > [class^="divider-"],
[class^="browser_"] > [class^="header_"] > [class^="searchBox_"] { [class^="browser-"] > [class^="header-"] > [class^="searchBox-"] {
margin-right: 0; margin-right: 0;
} }
[class^="browser_"] > [class^="header_"] > [class^="divider_"] { [class^="browser-"] > [class^="header-"] > [class^="divider-"] {
flex-grow: 1; flex-grow: 1;
background-color: transparent; background-color: transparent;
} }
.platform-win [class*="baseLayer_"] { .platform-win [class*="baseLayer-"] {
top: -32px; top: -32px;
padding-top: 32px; padding-top: 32px;
} }
.platform-win [class^="app_"] > [class^="app_"] > [class^="bg_"] { .platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] {
top: -32px; top: -32px;
} }
[class^="typeWindows_"] { [class^="typeWindows-"] {
margin: 3px; margin: 3px;
padding: 6px; padding: 6px;
height: 10px !important; height: 10px !important;
@ -112,16 +112,16 @@
box-shadow: var(--titlebar-shadow); box-shadow: var(--titlebar-shadow);
} }
[class^="typeMacOS_"] { [class^="typeMacOS-"] {
background-color: var(--background-tertiary); background-color: var(--background-tertiary);
height: 32px !important; height: 32px !important;
} }
[class^="macButtons_"] { [class^="macButtons-"] {
padding: 8px !important; padding: 8px !important;
} }
[class*="winButton_"] { [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-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-size: 42px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -133,7 +133,7 @@
margin-left: 30px; margin-left: 30px;
} }
[class*="macButton_"] { [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-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-size: 42px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -143,66 +143,66 @@
border-radius: 0; border-radius: 0;
} }
[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"], [class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"],
html.platform-win:not(.app-focused) [class*="winButton_"] { html.platform-win:not(.app-focused) [class*="winButton-"] {
opacity: 0.4; opacity: 0.4;
} }
[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"]:hover, [class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover,
html.platform-win:not(.app-focused) [class*="winButton_"]:hover { html.platform-win:not(.app-focused) [class*="winButton-"]:hover {
opacity: 1; opacity: 1;
} }
[class*="macButton_"] > svg, [class*="macButton-"] > svg,
[class*="winButton_"] > svg, [class*="winButton-"] > svg,
[class^="wordmarkWindows_"] > svg { [class^="wordmarkWindows-"] > svg {
display: none; display: none;
} }
[class*="winButtonClose_"] { [class*="winButtonClose-"] {
margin-right: 3px; margin-right: 3px;
} }
[class*="macButtonClose_"], [class*="macButtonClose-"],
[class*="winButtonClose_"] { [class*="winButtonClose-"] {
background-position: 0px 0px; background-position: 0px 0px;
} }
[class*="macButtonClose_"]:hover, [class*="macButtonClose-"]:hover,
[class*="winButtonClose_"]:hover { [class*="winButtonClose-"]:hover {
background-position: 0px -14px; background-position: 0px -14px;
} }
[class*="macButtonClose_"]:active, [class*="macButtonClose-"]:active,
[class*="winButtonClose_"]:active { [class*="winButtonClose-"]:active {
background-position: 0px -28px; background-position: 0px -28px;
} }
[class*="macButtonMaximize_"], [class*="macButtonMaximize-"],
[class*="winButtonMinMax_"]:nth-child(3) { [class*="winButtonMinMax-"]:nth-child(3) {
background-position: -14px 0px; background-position: -14px 0px;
} }
[class*="macButtonMaximize_"]:hover, [class*="macButtonMaximize-"]:hover,
[class*="winButtonMinMax_"]:nth-child(3):hover { [class*="winButtonMinMax-"]:nth-child(3):hover {
background-position: -14px -14px; background-position: -14px -14px;
} }
[class*="macButtonMaximize_"]:active, [class*="macButtonMaximize-"]:active,
[class*="winButtonMinMax_"]:nth-child(3):active { [class*="winButtonMinMax-"]:nth-child(3):active {
background-position: -14px -28px; background-position: -14px -28px;
} }
[class*="macButtonMinimize_"], [class*="macButtonMinimize-"],
[class*="winButtonMinMax_"]:nth-child(4) { [class*="winButtonMinMax-"]:nth-child(4) {
background-position: -28px 0px; background-position: -28px 0px;
} }
[class*="macButtonMinimize_"]:hover, [class*="macButtonMinimize-"]:hover,
[class*="winButtonMinMax_"]:nth-child(4):hover { [class*="winButtonMinMax-"]:nth-child(4):hover {
background-position: -28px -14px; background-position: -28px -14px;
} }
[class*="macButtonMinimize_"]:active, [class*="macButtonMinimize-"]:active,
[class*="winButtonMinMax_"]:nth-child(4):active { [class*="winButtonMinMax-"]:nth-child(4):active {
background-position: -28px -28px; background-position: -28px -28px;
} }
[class^="wordmarkWindows_"] { [class^="wordmarkWindows-"] {
width: 16px !important; width: 16px !important;
height: 16px !important; height: 16px !important;
top: 6px !important; top: 6px !important;
@ -211,7 +211,7 @@ html.platform-win:not(.app-focused) [class*="winButton_"]:hover {
background-image: var(--titlebar-icon); background-image: var(--titlebar-icon);
background-repeat: no-repeat; background-repeat: no-repeat;
} }
[class^="wordmarkWindows_"]::after { [class^="wordmarkWindows-"]::after {
font-family: var(--_font-titlebars) !important; font-family: var(--_font-titlebars) !important;
font-size: 12px !important; font-size: 12px !important;
line-height: 250% !important; line-height: 250% !important;
@ -225,20 +225,20 @@ html.platform-win:not(.app-focused) [class*="winButton_"]:hover {
opacity: 1; opacity: 1;
} }
html.platform-win:not(.app-focused) [class^="wordmarkWindows_"]::after, html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after,
html:not(.platform-win) html:not(.platform-win)
#app-mount #app-mount
> div:not(.app-focused) > div:not(.app-focused)
[class^="wordmarkWindows_"]::after { [class^="wordmarkWindows-"]::after {
opacity: 0.4; opacity: 0.4;
} }
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
> [class^="body_"] > [class^="body-"]
> [class^="infoScroller_"] > [class^="infoScroller-"]
> [class^="userInfoSection_"] > [class^="userInfoSection-"]
> [class*="userInfoSectionHeader_"] { > [class*="userInfoSectionHeader-"] {
color: var(--text) !important; color: var(--text) !important;
padding: 0 10px; padding: 0 10px;
background-color: var(--titlebar-color); background-color: var(--titlebar-color);
@ -254,11 +254,11 @@ html:not(.platform-win)
text-transform: none; text-transform: none;
} }
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
> [class^="body_"] > [class^="body-"]
> [class^="infoScroller_"] > [class^="infoScroller-"]
> [class^="connectedAccounts_"]::before { > [class^="connectedAccounts-"]::before {
color: var(--text) !important; color: var(--text) !important;
padding: 0 10px; padding: 0 10px;
background-color: var(--titlebar-color); background-color: var(--titlebar-color);
@ -277,21 +277,21 @@ html:not(.platform-win)
position: absolute; position: absolute;
} }
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
> [class^="body_"] > [class^="body-"]
> [class^="infoScroller_"] > [class^="infoScroller-"]
> [class^="connectedAccounts_"] > [class^="connectedAccounts-"]
> [class^="connectedAccountsColumn_"] { > [class^="connectedAccountsColumn-"] {
margin-top: 28px; margin-top: 28px;
} }
[class^="focusLock_"][aria-modal="true"] [class^="focusLock-"][aria-modal="true"]
> [class*="root_"] > [class*="root-"]
> [class^="body_"] > [class^="body-"]
> [class^="listScroller_"] > [class^="listScroller-"]
> [class^="activityProfile_"] > [class^="activityProfile-"]
[class*="headerTextNormal_"] { [class*="headerTextNormal-"] {
color: var(--text) !important; color: var(--text) !important;
padding: 0 10px; padding: 0 10px;
background-color: var(--titlebar-color); background-color: var(--titlebar-color);

View file

@ -1,3 +1,3 @@
[class*="mirror_"] { [class*="mirror-"] {
transform: none !important; transform: none !important;
} }

View file

@ -1,17 +1,17 @@
[class^="listItem_"]:hover [class^="pill_"] { [class^="listItem-"]:hover [class^="pill-"] {
display: none; display: none;
} }
[class^="listItem_"] [class^="pill_"] { [class^="listItem-"] [class^="pill-"] {
width: 52px !important; width: 52px !important;
height: 56px !important; height: 56px !important;
top: -4px !important; top: -4px !important;
left: 11px; left: 11px;
z-index: 100; z-index: 100;
} }
[class^="listItem_"] [class^="pill_"] > span { [class^="listItem-"] [class^="pill-"] > span {
display: none; display: none;
} }
[class^="listItem_"] [class^="pill_"] > span[style*="height: 8px;"] { [class^="listItem-"] [class^="pill-"] > span[style*="height: 8px;"] {
display: block; display: block;
left: 4px; left: 4px;
bottom: 2px; bottom: 2px;
@ -22,7 +22,7 @@
z-index: 100; z-index: 100;
background: var(--red, var(--status-red-500)); background: var(--red, var(--status-red-500));
} }
[class^="listItem_"] [class^="pill_"] > span[style*="height: 40px;"] { [class^="listItem-"] [class^="pill-"] > span[style*="height: 40px;"] {
display: block; display: block;
background: transparent; background: transparent;
height: 46px !important; height: 46px !important;
@ -34,18 +34,18 @@
z-index: 100; z-index: 100;
} }
[class^="listItem_"]:hover [class^="pill_"] span { [class^="listItem-"]:hover [class^="pill-"] span {
opacity: 0 !important; opacity: 0 !important;
} }
[class^="listItem_"]:not(:hover) [class^="pill_"] span { [class^="listItem-"]:not(:hover) [class^="pill-"] span {
opacity: 0 !important; opacity: 0 !important;
} }
[class^="listItem_"]:not(:hover) [class^="pill_"] span[style^="opacity: 0.7"], [class^="listItem-"]:not(:hover) [class^="pill-"] span[style^="opacity: 0.7"],
[class^="listItem_"]:not(:hover) [class^="pill_"] span[style^="opacity: 1"] { [class^="listItem-"]:not(:hover) [class^="pill-"] span[style^="opacity: 1"] {
opacity: 1 !important; opacity: 1 !important;
} }
[class^="listItem_"] [class^="upperBadge_"] { [class^="listItem-"] [class^="upperBadge-"] {
z-index: 500; z-index: 500;
} }

View file

@ -1,10 +1,9 @@
[class*="avatarSpeaking_"], [class*="avatarSpeaking-"],
[class^="avatar_"][class*="speaking_"] { [class^="avatar-"][class*="speaking-"] {
box-shadow: box-shadow: 0 0 0 2px var(--status-online, var(--status-green-600)),
0 0 0 2px var(--status-online, var(--status-green-600)),
0 0 0 3px var(--background-secondary) !important; 0 0 0 3px var(--background-secondary) !important;
} }
[class^="voiceUsers_"] [class^="avatarContainer_"] { [class^="voiceUsers-"] [class^="avatarContainer-"] {
overflow: visible; overflow: visible;
} }

View file

@ -1,12 +1,12 @@
[class*="standardSidebarView_"] [class*="standardSidebarView-"]
[class*="contentColumn_"]:not([class*="contentColumnWide_"]) { [class*="contentColumn-"]:not([class*="contentColumnWide-"]) {
max-width: 100%; max-width: 100%;
} }
[class*="standardSidebarView_"] [class*="sidebarRegion_"] { [class*="standardSidebarView-"] [class*="sidebarRegion-"] {
flex: 0; flex: 0;
} }
[class^="accountProfileCard_"] { [class^="accountProfileCard-"] {
max-width: 660px; max-width: 660px;
} }

File diff suppressed because it is too large Load diff