From 0a16e600eba49c4c3f4654f07f49f68caac99491 Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Thu, 26 Oct 2023 14:10:59 -0600 Subject: [PATCH] Make modular --- modular/9x_bot_tag.css | 22 +- modular/accessible_styles/italics_+_bold.css | 4 +- .../just_colored_italics.css | 2 +- modular/accessible_styles/just_italics.css | 2 +- modular/base.css | 252 +-- modular/collapsing_members/dynamic.css | 128 +- modular/collapsing_members/on.css | 128 +- .../collapsing_sidebar/compact-er_support.css | 254 +-- modular/collapsing_sidebar/dynamic.css | 252 +-- .../dynamic_+_compact-er_support.css | 252 +-- modular/collapsing_sidebar/on.css | 256 +-- modular/compacter_mode.css | 1743 +++++++++-------- modular/cozy_compact.css | 152 +- modular/custom_bg.css | 216 +- modular/font/terminus.css | 72 +- modular/font/unifont.css | 8 +- modular/help_button.css | 2 +- modular/hide_nowplaying.css | 2 +- modular/hide_tag.css | 10 +- modular/left_reply.css | 34 +- modular/nyantro.css | 8 +- modular/old_embeds.css | 24 +- modular/old_roles.css | 18 +- modular/overwrite_colors.css | 164 +- modular/pip.css | 2 +- modular/scheme/amoled.css | 10 +- modular/scheme/amora.css | 10 +- modular/scheme/amora_focus.css | 10 +- modular/scheme/annie_dark.css | 10 +- modular/scheme/catppuccin_frappe.css | 10 +- modular/scheme/catppuccin_macchiato.css | 10 +- modular/scheme/catppuccin_mocha.css | 10 +- modular/scheme/custom.css | 10 +- modular/scheme/everforest.css | 10 +- modular/scheme/gruvbox.css | 10 +- modular/scheme/lovelace.css | 10 +- modular/scheme/nord.css | 10 +- modular/scheme/source_engine_-_tools.css | 10 +- modular/scheme/stock.css | 10 +- modular/scheme/tokyo_night.css | 10 +- modular/scheme/valve.css | 10 +- modular/scheme/xmc.css | 10 +- modular/scheme_light/catppuccin_latte.css | 10 +- modular/scheme_light/gruvbox.css | 10 +- modular/scheme_light/nord.css | 10 +- modular/scheme_light/stock.css | 10 +- modular/scheme_light/xmc.css | 10 +- modular/square_avatars/off.css | 156 +- modular/square_avatars/on.css | 156 +- modular/status_icons.css | 248 +-- modular/stylings/windows_classic.css | 681 ++++--- modular/stylings/xmc.css | 100 +- modular/textarea/fullwidth.css | 82 +- modular/textarea/mobile.css | 266 +-- modular/textarea/typing_above.css | 18 +- modular/titlebars/old_discord.css | 60 +- modular/titlebars/windows_classic.css | 76 +- modular/titlebars/xmc.css | 160 +- modular/unmirror.css | 2 +- modular/unread.css | 20 +- modular/voice_rings.css | 6 +- modular/wide_settings.css | 8 +- 62 files changed, 3136 insertions(+), 3130 deletions(-) diff --git a/modular/9x_bot_tag.css b/modular/9x_bot_tag.css index 98e16fe..86d531c 100644 --- a/modular/9x_bot_tag.css +++ b/modular/9x_bot_tag.css @@ -1,37 +1,37 @@ -[class*="botTag-"] { +[class*="botTag_"] { font-size: 0%; padding: 0 !important; background: none !important; } -[class*="botTag-"]:not([class*="botTagCompact-"]) { +[class*="botTag_"]:not([class*="botTagCompact_"]) { margin-left: 6px; } -[class*="botTag-"] [class*="botText-"] { +[class*="botTag_"] [class*="botText_"] { font-size: 0; display: none; } -:not([class^="repliedMessage-"]) [class*="botTagCompact-"] { +:not([class^="repliedMessage_"]) [class*="botTagCompact_"] { margin-right: -6px !important; } -[class^="repliedMessage-"] [class*="botTagCompact-"] { +[class^="repliedMessage_"] [class*="botTagCompact_"] { margin-right: 4px !important; margin-left: 4px !important; } -[class*="botTag-"] svg[class^="botTagVerified-"] { +[class*="botTag_"] svg[class^="botTagVerified_"] { width: 16px; height: 16px; 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; } -[class*="botTag-"]:after { +[class*="botTag_"]:after { visibility: visible; content: ""; width: 16px; @@ -44,14 +44,14 @@ background-size: 16px 16px; } -[class*="message-"] [class*="botTag-"]:after { +[class*="message_"] [class*="botTag_"]:after { top: 4px !important; } -[class*="message-"][class*="compact-"] [class*="botTag-"]:after { +[class*="message_"][class*="compact_"] [class*="botTag_"]:after { top: 3px !important; } -[class^="repliedMessage-"] [class*="botTagCompact-"]:after { +[class^="repliedMessage_"] [class*="botTagCompact_"]:after { top: 1px !important; } diff --git a/modular/accessible_styles/italics_+_bold.css b/modular/accessible_styles/italics_+_bold.css index ecf1261..77f5e0b 100644 --- a/modular/accessible_styles/italics_+_bold.css +++ b/modular/accessible_styles/italics_+_bold.css @@ -1,4 +1,4 @@ -span[data-slate-leaf="true"][class*="italics-"], +span[data-slate-leaf="true"][class*="italics_"], em { font-style: normal; display: inline-block; @@ -6,7 +6,7 @@ em { color: #f80; } -span[data-slate-leaf="true"][class*="bold-"], +span[data-slate-leaf="true"][class*="bold_"], strong { font-weight: 400; text-shadow: 0.1px 0.1px, -0.1px -0.1px; diff --git a/modular/accessible_styles/just_colored_italics.css b/modular/accessible_styles/just_colored_italics.css index 418a5b7..ba7358d 100644 --- a/modular/accessible_styles/just_colored_italics.css +++ b/modular/accessible_styles/just_colored_italics.css @@ -1,4 +1,4 @@ -span[data-slate-leaf="true"][class*="italics-"], +span[data-slate-leaf="true"][class*="italics_"], em { color: #f80; } diff --git a/modular/accessible_styles/just_italics.css b/modular/accessible_styles/just_italics.css index 922479f..007fbfb 100644 --- a/modular/accessible_styles/just_italics.css +++ b/modular/accessible_styles/just_italics.css @@ -1,4 +1,4 @@ -span[data-slate-leaf="true"][class*="italics-"], +span[data-slate-leaf="true"][class*="italics_"], em { font-style: normal; display: inline-block; diff --git a/modular/base.css b/modular/base.css index 20a6277..e6440e4 100644 --- a/modular/base.css +++ b/modular/base.css @@ -16,59 +16,59 @@ /* most of them are probably now-redundant color fixes */ /* 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; } -[class*="unreadBar-"] { +[class*="unreadBar_"] { margin: 4px; border-radius: 4px !important; } -[class^="modalTextContainer-"] { +[class^="modalTextContainer_"] { overflow: scroll !important; } -[class^="content-"] > [class^="sidebar-"] { +[class^="content_"] > [class^="sidebar_"] { border-radius: 0; } -.platform-osx [class*="guilds-"] > ul > [class^="scroller-"] { +.platform-osx [class*="guilds_"] > ul > [class^="scroller_"] { padding-top: 4px; } -[class^="slider-"] { +[class^="slider_"] { padding-top: 0 !important; } .platform-win - nav[class*="guilds-"] - > ul[class^="tree-"] - > [class^="scroller-"] { + nav[class*="guilds_"] + > ul[class^="tree_"] + > [class^="scroller_"] { padding-top: 12px !important; } -[class*="timestampVisibleOnHover-"] { +[class*="timestampVisibleOnHover_"] { opacity: 1 !important; } -[class^="message-"][class*="compact-"] { +[class^="message_"][class*="compact_"] { padding-top: 0 !important; padding-bottom: 0 !important; } -[class*="progressBarHeader-"] > [class^="container-"], -[class^="control-"] > [class^="container-"] { +[class*="progressBarHeader_"] > [class^="container_"], +[class^="control_"] > [class^="container_"] { transition: background-color 0.75s linear; } -[class*="barBase-"] { +[class*="barBase_"] { padding-bottom: 0 !important; border-radius: 8px; margin: 0 4px; } -[class^="markdown-"] code { +[class^="markdown_"] code { border-radius: 5%; } .hljs { @@ -78,229 +78,229 @@ } [id^="message-username-"] - [class^="badge-"]:has(> [class^="badgeVerifiedIcon-"]) { + [class^="badge_"]:has(> [class^="badgeVerifiedIcon_"]) { display: none; } /* remove "dead space"/padding from vc users */ -[class*="containerDefault-"] [class*="listDefault-"] { +[class*="containerDefault_"] [class*="listDefault_"] { padding-left: 8px !important; } -[class*="containerDefault-"] - [class*="listDefault-"] - [class^="avatarContainer-"] { +[class*="containerDefault_"] + [class*="listDefault_"] + [class^="avatarContainer_"] { margin-left: 6px !important; } -[class*="containerDefault-"] [class*="listDefault-"] > [class^="clickable-"] { +[class*="containerDefault_"] [class*="listDefault_"] > [class^="clickable_"] { padding-left: 0 !important; } -[class*="containerDefault-"] - [class*="listDefault-"] - > [class^="clickable-"] - > [class^="content-"] { +[class*="containerDefault_"] + [class*="listDefault_"] + > [class^="clickable_"] + > [class^="content_"] { margin-left: 0 !important; } -[class*="containerDefault-"] [class*="listDefault-"] > [class^="separator-"] { +[class*="containerDefault_"] [class*="listDefault_"] > [class^="separator_"] { width: 100% !important; margin: 3px !important; } /* Change Nickname Modal */ -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"]:not([class*="carouselModal-"]) { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"]:not([class*="carouselModal_"]) { background-color: var(--background-primary); } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] > form - > [class^="flex-"]:nth-child(3), -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="flex-"]:nth-child(3) { + > [class^="flex_"]:nth-child(3), +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="flex_"]:nth-child(3) { background: var(--background-secondary); } /* Delete Modal */ -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="content-"] - > [class^="message-"] { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="content_"] + > [class^="message_"] { background-color: var(--background-primary); } /* dropdown menus */ -[class^="css-"][class$="-menu"] { +[class^="css_"][class$="-menu"] { z-index: 9999; background-color: var(--background-secondary); border-color: var(--background-primary); } /* listen along */ -[id^="popout_"] [class^="userList-"] { +[id^="popout_"] [class^="userList_"] { border-color: var(--background-primary) !important; } -[id^="popout_"] [class^="userList-"] [class^="header-"] { +[id^="popout_"] [class^="userList_"] [class^="header_"] { background-color: var(--background-secondary) !important; color: var(--header-primary) !important; } -[id^="popout_"] [class^="userList-"] [class^="content-"] { +[id^="popout_"] [class^="userList_"] [class^="content_"] { background-color: var(--background-primary) !important; } -[class*="moreUsers-"] { +[class*="moreUsers_"] { background-color: var(--background-tertiary) !important; } /* autocomplete */ -[class^="autocomplete-"] { +[class^="autocomplete_"] { border: none !important; background-color: var(--background-floating) !important; box-shadow: 0 2px 5px 0 var(--background-secondary) !important; } -[class^="autocomplete-"] [class*="selectorSelected-"], -[class^="autocomplete-"] [class*="autocompleteRow-"] [class*="selected-"] { +[class^="autocomplete_"] [class*="selectorSelected_"], +[class^="autocomplete_"] [class*="autocompleteRow_"] [class*="selected_"] { background-color: var(--background-secondary) !important; } -[class^="autocomplete-"] [class*="categoryHeader-"] { +[class^="autocomplete_"] [class*="categoryHeader_"] { background-color: var(--background-floating) !important; } /* misc color fixes */ -[class^="peopleColumn-"] { +[class^="peopleColumn_"] { background: var(--background-primary); } -[class^="itemCard-"] [class*="inset-"] { +[class^="itemCard_"] [class*="inset_"] { background-color: var(--background-primary) !important; } -[class*="outer-"][class*="interactive-"]:hover { +[class*="outer_"][class*="interactive_"]:hover { background-color: var(--background-modifier-hover) !important; } -[class^="base-"] > [class^="content-"] > [class^="container-"] { +[class^="base_"] > [class^="content_"] > [class^="container_"] { background: var(--background-primary); } -[class*="modal-"][class*="root-"] { +[class*="modal_"][class*="root_"] { background-color: var(--background-primary); box-shadow: var(--deprecated-card-bg) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 2px 10px 0px; } -[class^="perksModal-"] { +[class^="perksModal_"] { background-color: var(--background-primary) !important; } -[class^="directoryModal-"] { +[class^="directoryModal_"] { background-color: var(--background-primary) !important; } -[class^="layerContainer-"] > [class^="layer-"] > [class^="container-"] { +[class^="layerContainer_"] > [class^="layer_"] > [class^="container_"] { background: var(--background-floating); } -[class^="layerContainer-"] - > [class^="layer-"] - > [class^="container-"] - [class^="option-"]:after { +[class^="layerContainer_"] + > [class^="layer_"] + > [class^="container_"] + [class^="option_"]:after { background: transparent; } -[class^="layerContainer-"] - > [class^="layer-"] - > [class^="container-"] - [class^="option-"][class*="selected-"] { +[class^="layerContainer_"] + > [class^="layer_"] + > [class^="container_"] + [class^="option_"][class*="selected_"] { background: var(--background-modifier-hover); } -[class^="chat-"][class*="background-"], -[class^="title-"][class*="background-"], -[class^="chat-"] > [class^="content-"] > [class^="container-"] { +[class^="chat_"][class*="background_"], +[class^="title_"][class*="background_"], +[class^="chat_"] > [class^="content_"] > [class^="container_"] { background-color: var(--background-tertiary) !important; } -[class*="headerBarInner-"]:after { +[class*="headerBarInner_"]:after { background: transparent !important; } -[class^="streamPreview-"] { +[class^="streamPreview_"] { background-color: var(--background-secondary) !important; } -[class^="streamPreview-"] > [class^="previewContainer-"] { +[class^="streamPreview_"] > [class^="previewContainer_"] { background-color: var(--background-primary) !important; } -[class*="messageContent-"].deleted-message { +[class*="messageContent_"].deleted-message { color: var(--status-red-500) !important; } -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class^="container-"] - [class*="footer-"], -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalSize-"], -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalSize-"] - [class*="footer-"], -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalRoot-"], -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalRoot-"] - [class*="footer-"] { +[class^="layerContainer_"] + [class^="layer_"] + [class^="focusLock_"] + [class^="container_"] + [class*="footer_"], +[class^="layerContainer_"] + [class^="layer_"] + [class^="focusLock_"] + [class*="modalSize_"], +[class^="layerContainer_"] + [class^="layer_"] + [class^="focusLock_"] + [class*="modalSize_"] + [class*="footer_"], +[class^="layerContainer_"] + [class^="layer_"] + [class^="focusLock_"] + [class*="modalRoot_"], +[class^="layerContainer_"] + [class^="layer_"] + [class^="focusLock_"] + [class*="modalRoot_"] + [class*="footer_"] { background-color: var(--background-primary) !important; } -[class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class^="container-"] - [class*="footer-"] { +[class^="layerContainer_"] + [class^="layer_"] + [class^="focusLock_"] + [class^="container_"] + [class*="footer_"] { box-shadow: none; } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="scroller-"] { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="scroller_"] { background: var(--background-secondary); } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - [class^="reactors-"] { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + [class^="reactors_"] { background-color: var(--background-primary); } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="scroller-"] - > [class^="reactionSelected-"] { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="scroller_"] + > [class^="reactionSelected_"] { background-color: var(--background-modifier-active); } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="scroller-"] - > [class^="reactionDefault-"]:hover { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="scroller_"] + > [class^="reactionDefault_"]:hover { background-color: var(--background-modifier-hover); } -[class^="contentWarningPopout-"] { +[class^="contentWarningPopout_"] { background: var(--background-primary) !important; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important; } -[class^="customColorPicker-"] { +[class^="customColorPicker_"] { background: var(--background-primary) !important; } @@ -331,14 +331,14 @@ }*/ /* font fixes */ -[class^="markdown-"] [class^="codeInline-"], -[class^="codeLine-"], -[class^="codeBlockText-"], -[class^="durationTimeDisplay-"], -[class^="durationTimeSeparator-"], -[class*="after_inlineCode-"], -[class*="before_inlineCode-"], -[class^="inlineCode-"], +[class^="markdown_"] [class^="codeInline_"], +[class^="codeLine_"], +[class^="codeBlockText_"], +[class^="durationTimeDisplay_"], +[class^="durationTimeSeparator_"], +[class*="after_inlineCode_"], +[class*="before_inlineCode_"], +[class^="inlineCode_"], code.inline, code, .hljs { @@ -357,7 +357,7 @@ code, } /* unbreak resizing webms :^) */ -/*[class^="mediaAttachmentsContainer-"] [class^="imageWrapper-"] { +/*[class^="mediaAttachmentsContainer_"] [class^="imageWrapper_"] { min-width: 10px; min-height: 10px; max-width: unset; @@ -367,10 +367,10 @@ code, object-fit: none !important; aspect-ratio: unset !important; } - [class^="mediaAttachmentsContainer-"] [class^="messageAttachment-"] { + [class^="mediaAttachmentsContainer_"] [class^="messageAttachment_"] { height: unset; } - [class^="mediaAttachmentsContainer-"] [class^="oneByOneGrid-"], - [class^="mediaAttachmentsContainer-"] [class^="oneByTwoGrid-"] { + [class^="mediaAttachmentsContainer_"] [class^="oneByOneGrid_"], + [class^="mediaAttachmentsContainer_"] [class^="oneByTwoGrid_"] { max-height: unset !important; }*/ diff --git a/modular/collapsing_members/dynamic.css b/modular/collapsing_members/dynamic.css index d73fc1d..1f9734e 100644 --- a/modular/collapsing_members/dynamic.css +++ b/modular/collapsing_members/dynamic.css @@ -1,91 +1,91 @@ @media (width < 1300px) { - [class^="chat-"] - > [class^="content-"] - > [class^="container-"]:nth-child(2) - > [class^="membersWrap-"], - [class^="chat-"] > [class^="content-"] > [class^="container-"]:nth-child(2), - [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { + [class^="chat_"] + > [class^="content_"] + > [class^="container_"]:nth-child(2) + > [class^="membersWrap_"], + [class^="chat_"] > [class^="content_"] > [class^="container_"]:nth-child(2), + [class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] { width: 50px !important; min-width: 50px !important; } - [class^="chat-"] - > [class^="content-"] - > [class^="container-"]:nth-child(2):hover, - [class^="chat-"] - > [class^="content-"] - > [class^="container-"]:hover - > [class^="membersWrap-"], - [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover { + [class^="chat_"] + > [class^="content_"] + > [class^="container_"]:nth-child(2):hover, + [class^="chat_"] + > [class^="content_"] + > [class^="container_"]:hover + > [class^="membersWrap_"], + [class^="chat_"] > [class^="content_"] > [class^="membersWrap_"]:hover { width: 240px !important; min-width: 240px !important; } - [class^="chat-"] - > [class^="content-"] + [class^="chat_"] + > [class^="content_"] > [class^="container"] - > [class^="membersWrap-"], - [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { + > [class^="membersWrap_"], + [class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] { min-width: 0; min-height: 100%; background-color: var(--background-secondary); } - [class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"], - [class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"] - > [class^="members-"] { + [class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"] + > [class^="members_"], + [class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"] + > [class^="members_"] { width: 58px !important; } - [class^="chat-"] - > [class^="content-"] - > [class^="container-"]:hover - > [class^="membersWrap-"] - > [class^="members-"], - [class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"]:hover - > [class^="members-"] { + [class^="chat_"] + > [class^="content_"] + > [class^="container_"]:hover + > [class^="membersWrap_"] + > [class^="members_"], + [class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"]:hover + > [class^="members_"] { width: 240px !important; } - [class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"], - [class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"] { - height: 0; + [class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"], + [class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"] { + height: 0 !important; padding-top: 12px; } - [class^="chat-"] - > [class^="content-"] - > [class^="container-"]:hover - > [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"], - [class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"]:hover - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"] { - height: 40px; + [class^="chat_"] + > [class^="content_"] + > [class^="container_"]:hover + > [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"], + [class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"]:hover + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"] { + height: 40px !important; padding-top: 24px; } } diff --git a/modular/collapsing_members/on.css b/modular/collapsing_members/on.css index 1dbc0ea..1738e8d 100644 --- a/modular/collapsing_members/on.css +++ b/modular/collapsing_members/on.css @@ -1,89 +1,89 @@ -[class^="chat-"] - > [class^="content-"] - > [class^="container-"]:nth-child(2) - > [class^="membersWrap-"], -[class^="chat-"] > [class^="content-"] > [class^="container-"]:nth-child(2), -[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { +[class^="chat_"] + > [class^="content_"] + > [class^="container_"]:nth-child(2) + > [class^="membersWrap_"], +[class^="chat_"] > [class^="content_"] > [class^="container_"]:nth-child(2), +[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] { width: 50px !important; min-width: 50px !important; } -[class^="chat-"] - > [class^="content-"] - > [class^="container-"]:nth-child(2):hover, -[class^="chat-"] - > [class^="content-"] - > [class^="container-"]:hover - > [class^="membersWrap-"], -[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover { +[class^="chat_"] + > [class^="content_"] + > [class^="container_"]:nth-child(2):hover, +[class^="chat_"] + > [class^="content_"] + > [class^="container_"]:hover + > [class^="membersWrap_"], +[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"]:hover { width: 240px !important; min-width: 240px !important; } -[class^="chat-"] - > [class^="content-"] +[class^="chat_"] + > [class^="content_"] > [class^="container"] - > [class^="membersWrap-"], -[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { + > [class^="membersWrap_"], +[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] { min-width: 0; min-height: 100%; background-color: var(--background-secondary); } -[class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"], -[class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"] - > [class^="members-"] { +[class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"] + > [class^="members_"], +[class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"] + > [class^="members_"] { width: 58px !important; } -[class^="chat-"] - > [class^="content-"] - > [class^="container-"]:hover - > [class^="membersWrap-"] - > [class^="members-"], -[class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"]:hover - > [class^="members-"] { +[class^="chat_"] + > [class^="content_"] + > [class^="container_"]:hover + > [class^="membersWrap_"] + > [class^="members_"], +[class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"]:hover + > [class^="members_"] { width: 240px !important; } -[class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"], -[class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"] { - height: 0; +[class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"], +[class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"] { + height: 0 !important; padding-top: 12px; } -[class^="chat-"] - > [class^="content-"] - > [class^="container-"]:hover - > [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"], -[class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"]:hover - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"] { - height: 40px; +[class^="chat_"] + > [class^="content_"] + > [class^="container_"]:hover + > [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"], +[class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"]:hover + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"] { + height: 40px !important; padding-top: 24px; } diff --git a/modular/collapsing_sidebar/compact-er_support.css b/modular/collapsing_sidebar/compact-er_support.css index c45c17a..b21c539 100644 --- a/modular/collapsing_sidebar/compact-er_support.css +++ b/modular/collapsing_sidebar/compact-er_support.css @@ -1,54 +1,54 @@ -div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { width: unset; z-index: 9; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) { width: 56px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { width: 240px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] > *:not(:last-child), -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child - > [class^="avatarWrapper-"] - > [class^="nameTag-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child + > [class^="avatarWrapper_"] + > [class^="nameTag_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child > div:last-child { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 224px; position: relative; bottom: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] { padding-top: 32px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="privateChannels-"] - > [class^="searchBar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="privateChannels_"] + > [class^="searchBar_"] { position: fixed; top: 0; width: 240px; @@ -57,25 +57,25 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) padding: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 32px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 32px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 32px; width: 240px; @@ -89,145 +89,145 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - [class^="bannerImg-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + [class^="bannerImg_"] { top: -67px; position: relative; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="scroller_"] > ul > div[style="height: 84px;"] { height: 0 !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="chatContent-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="chatContent_"] > form > [class^="channelTextArea"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + ~ [class^="chat_"] + [class^="title_"] { margin-left: 184px; width: calc(100% - 184px); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="title_"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="channelInfo-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"][class*="selected-"] - [class^="iconVisibility-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="modeSelected-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="iconVisibility-"]:not([class*="typeThread-"]) - [class^="linkTop-"] - > [class^="name-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - > [class^="iconVisibility-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class^="icons-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class*="username-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="channelInfo_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"][class*="selected_"] + [class^="iconVisibility_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="modeSelected_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="iconVisibility_"]:not([class*="typeThread_"]) + [class^="linkTop_"] + > [class^="name_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + > [class^="iconVisibility_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class^="icons_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class*="username_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="typeThread-"] - [class^="linkTop-"] - > [class^="name-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="typeThread_"] + [class^="linkTop_"] + > [class^="name_"] { margin-left: 20px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] { height: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] > * { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) .channel-typing-indicator, -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="devBanner-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="devBanner_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="scroller_"] > ul - > [class*="containerWithMargin-"] { + > [class*="containerWithMargin_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [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-"] +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-"] +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-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] + > [class*="barText_"] { overflow: hidden; white-space: nowrap; text-overflow: clip; margin-left: 8px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="voiceChannelsButton-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="voiceChannelsButton_"] { display: none; } diff --git a/modular/collapsing_sidebar/dynamic.css b/modular/collapsing_sidebar/dynamic.css index 9b42c38..f23e0e6 100644 --- a/modular/collapsing_sidebar/dynamic.css +++ b/modular/collapsing_sidebar/dynamic.css @@ -1,54 +1,54 @@ @media (width < 1300px) { - div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { width: unset; z-index: 9; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) { width: 56px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { width: 240px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] > *:not(:last-child), - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child - > [class^="avatarWrapper-"] - > [class^="nameTag-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child + > [class^="avatarWrapper_"] + > [class^="nameTag_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child > div:last-child { display: none; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > [class^="panels-"] - > [class^="container-"]:last-child { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 224px; position: relative; bottom: 0; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 40px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { margin-top: 48px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="privateChannels-"] - > [class^="searchBar-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="privateChannels_"] + > [class^="searchBar_"] { position: fixed; top: 0; width: 240px; @@ -57,25 +57,25 @@ padding: 0; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 48px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 48px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 48px; width: 240px; @@ -89,146 +89,146 @@ ); } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - [class^="bannerImg-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + [class^="bannerImg_"] { top: -67px; position: relative; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="scroller-"] + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="scroller_"] > ul > div[style="height: 84px;"] { height: 0 !important; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="chatContent-"] + div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="chatContent_"] > form > [class^="channelTextArea"] { margin-left: 0; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - ~ [class^="chat-"] - [class^="title-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + ~ [class^="chat_"] + [class^="title_"] { margin-left: 184px; width: calc(100% - 184px); } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="title-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="title_"] { margin-left: 0; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="channelInfo-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"][class*="selected-"] - [class^="iconVisibility-"] - [class^="linkTop-"] - > [class^="children-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="modeSelected-"] - [class^="linkTop-"] - > [class^="children-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="iconVisibility-"]:not([class*="typeThread-"]) - [class^="linkTop-"] - > [class^="name-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - > [class^="iconVisibility-"][class*="clickable-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class^="icons-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class*="username-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="channelInfo_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"][class*="selected_"] + [class^="iconVisibility_"] + [class^="linkTop_"] + > [class^="children_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="modeSelected_"] + [class^="linkTop_"] + > [class^="children_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="iconVisibility_"]:not([class*="typeThread_"]) + [class^="linkTop_"] + > [class^="name_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + > [class^="iconVisibility_"][class*="clickable_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class^="icons_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class*="username_"] { display: none; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="typeThread-"] - [class^="linkTop-"] - > [class^="name-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="typeThread_"] + [class^="linkTop_"] + > [class^="name_"] { margin-left: 20px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] { height: 0; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] > * { display: none; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) .channel-typing-indicator, - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="devBanner-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="devBanner_"] { display: none; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="scroller-"] + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="scroller_"] > ul - > [class*="containerWithMargin-"] { + > [class*="containerWithMargin_"] { display: none; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [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-"] + 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-"] + 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-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] + > [class*="barText_"] { overflow: hidden; white-space: nowrap; text-overflow: clip; margin-left: 8px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="voiceChannelsButton-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="voiceChannelsButton_"] { display: none; } } diff --git a/modular/collapsing_sidebar/dynamic_+_compact-er_support.css b/modular/collapsing_sidebar/dynamic_+_compact-er_support.css index c5f3669..3f7d7fb 100644 --- a/modular/collapsing_sidebar/dynamic_+_compact-er_support.css +++ b/modular/collapsing_sidebar/dynamic_+_compact-er_support.css @@ -1,54 +1,54 @@ @media (width < 1300px) { - div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { width: unset; z-index: 9; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) { width: 56px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { width: 240px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] > *:not(:last-child), - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child - > [class^="avatarWrapper-"] - > [class^="nameTag-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child + > [class^="avatarWrapper_"] + > [class^="nameTag_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child > div:last-child { display: none; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > [class^="panels-"] - > [class^="container-"]:last-child { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 224px; position: relative; bottom: 0; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 40px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { margin-top: 32px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="privateChannels-"] - > [class^="searchBar-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="privateChannels_"] + > [class^="searchBar_"] { position: fixed; top: 0; width: 240px; @@ -57,25 +57,25 @@ padding: 0; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 32px !important; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 32px !important; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 32px !important; width: 240px; @@ -89,146 +89,146 @@ ); } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - [class^="bannerImg-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + [class^="bannerImg_"] { top: -67px; position: relative; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="scroller-"] + div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="scroller_"] > ul > div[style="height: 84px;"] { height: 0 !important; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="chatContent-"] + div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="chatContent_"] > form > [class^="channelTextArea"] { margin-left: 0; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - ~ [class^="chat-"] - [class^="title-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + ~ [class^="chat_"] + [class^="title_"] { margin-left: 184px; width: calc(100% - 184px); } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="title-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="title_"] { margin-left: 0; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="channelInfo-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"][class*="selected-"] - [class^="iconVisibility-"] - [class^="linkTop-"] - > [class^="children-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="modeSelected-"] - [class^="linkTop-"] - > [class^="children-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="iconVisibility-"]:not([class*="typeThread-"]) - [class^="linkTop-"] - > [class^="name-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - > [class^="iconVisibility-"][class*="clickable-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class^="icons-"], - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class*="username-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="channelInfo_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"][class*="selected_"] + [class^="iconVisibility_"] + [class^="linkTop_"] + > [class^="children_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="modeSelected_"] + [class^="linkTop_"] + > [class^="children_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="iconVisibility_"]:not([class*="typeThread_"]) + [class^="linkTop_"] + > [class^="name_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + > [class^="iconVisibility_"][class*="clickable_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class^="icons_"], + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class*="username_"] { display: none; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="typeThread-"] - [class^="linkTop-"] - > [class^="name-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="typeThread_"] + [class^="linkTop_"] + > [class^="name_"] { margin-left: 20px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] { height: 0; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] > * { display: none; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) .channel-typing-indicator, - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="devBanner-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="devBanner_"] { display: none; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="scroller-"] + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="scroller_"] > ul - > [class*="containerWithMargin-"] { + > [class*="containerWithMargin_"] { display: none; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [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-"] + 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-"] + 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-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] + > [class*="barText_"] { overflow: hidden; white-space: nowrap; text-overflow: clip; margin-left: 8px; } - div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="voiceChannelsButton-"] { + div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="voiceChannelsButton_"] { display: none; } } diff --git a/modular/collapsing_sidebar/on.css b/modular/collapsing_sidebar/on.css index ff4f5e6..0036ff1 100644 --- a/modular/collapsing_sidebar/on.css +++ b/modular/collapsing_sidebar/on.css @@ -1,55 +1,55 @@ -div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { width: unset; z-index: 9; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) { width: 56px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { width: 240px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] > *:not(:last-child), -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child - > [class^="avatarWrapper-"] - > [class^="nameTag-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child + > [class^="avatarWrapper_"] + > [class^="nameTag_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child > div:last-child { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 224px; position: relative; bottom: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 40px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) +div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav - > [class^="scroller-"] { + > [class^="scroller_"] { margin-top: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="privateChannels-"] - > [class^="searchBar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="privateChannels_"] + > [class^="searchBar_"] { position: fixed; top: 0; width: 240px; @@ -58,25 +58,25 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) padding: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 48px; width: 240px; @@ -90,150 +90,150 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ); } -[class^="animatedBannerHoverLayer-"] { +[class^="animatedBannerHoverLayer_"] { top: -48px !important; height: 48px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - [class^="bannerImg-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + [class^="bannerImg_"] { top: -67px; position: relative; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="scroller_"] > ul > div[style="height: 84px;"] { height: 0 !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="chatContent-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="chatContent_"] > form > [class^="channelTextArea"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + ~ [class^="chat_"] + [class^="title_"] { margin-left: 184px; width: calc(100% - 184px); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="title_"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="channelInfo-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"][class*="selected-"] - [class^="iconVisibility-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="modeSelected-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="iconVisibility-"]:not([class*="typeThread-"]) - [class^="linkTop-"] - > [class^="name-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - > [class^="iconVisibility-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class^="icons-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class*="username-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="channelInfo_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"][class*="selected_"] + [class^="iconVisibility_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="modeSelected_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="iconVisibility_"]:not([class*="typeThread_"]) + [class^="linkTop_"] + > [class^="name_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + > [class^="iconVisibility_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class^="icons_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class*="username_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="typeThread-"] - [class^="linkTop-"] - > [class^="name-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="typeThread_"] + [class^="linkTop_"] + > [class^="name_"] { margin-left: 20px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] { height: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] > * { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) .channel-typing-indicator, -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="devBanner-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="devBanner_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="scroller_"] > ul - > [class*="containerWithMargin-"] { + > [class*="containerWithMargin_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [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-"] +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-"] +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-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] + > [class*="barText_"] { overflow: hidden; white-space: nowrap; text-overflow: clip; margin-left: 8px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="voiceChannelsButton-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="voiceChannelsButton_"] { display: none; } diff --git a/modular/compacter_mode.css b/modular/compacter_mode.css index 35cdfd6..c346026 100644 --- a/modular/compacter_mode.css +++ b/modular/compacter_mode.css @@ -1,105 +1,105 @@ -[class*="guilds-"] [class^="listItemWrapper-"] > [class^="wrapper-"], -[class*="guilds-"] [class^="listItemWrapper-"] > [class^="wrapper-"] > svg, -[class*="guilds-"] [class^="listItem-"] [class^="wrapper-"]:has(> svg), -[class*="guilds-"] [class^="listItem-"] [class^="wrapper-"]:has(> svg) > svg, -[class*="guilds-"] [class^="listItem-"] [class^="wrapperSimple-"], -[class*="guilds-"] [class^="listItem-"] [class^="wrapperSimple-"] > svg { +[class*="guilds_"] [class^="listItemWrapper_"] > [class^="wrapper_"], +[class*="guilds_"] [class^="listItemWrapper_"] > [class^="wrapper_"] > svg, +[class*="guilds_"] [class^="listItem_"] [class^="wrapper_"]:has(> svg), +[class*="guilds_"] [class^="listItem_"] [class^="wrapper_"]:has(> svg) > svg, +[class*="guilds_"] [class^="listItem_"] [class^="wrapperSimple_"], +[class*="guilds_"] [class^="listItem_"] [class^="wrapperSimple_"] > svg { width: 32px; height: 32px; } -[class*="guilds-"] [class^="listItem-"] > [class^="pill-"], -[class*="guilds-"] - [class^="listItem-"] - > [class^="pill-"] - > [class^="item-"][style*="height: 40px;"] { +[class*="guilds_"] [class^="listItem_"] > [class^="pill_"], +[class*="guilds_"] + [class^="listItem_"] + > [class^="pill_"] + > [class^="item_"][style*="height: 40px;"] { height: 32px !important; } -[class*="guilds-"], -[class*="guilds-"] [class^="listItem-"], -[class*="guilds-"] - [class^="wrapper-"]:has(> [class^="expandedFolderBackground-"]) { - width: 48px; +[class*="guilds_"], +[class*="guilds_"] [class^="listItem_"], +[class*="guilds_"] + [class^="wrapper_"]:has(> [class^="expandedFolderBackground_"]) { + width: 48px !important; } -[class*="guilds-"] [class^="unreadMentionsIndicator"] { +[class*="guilds_"] [class^="unreadMentionsIndicator"] { width: 48px; height: 16px; } -[class*="guilds-"] > ul > [class^="scroller-"] { +[class*="guilds_"] > ul > [class^="scroller_"] { padding-top: 8px !important; } -[class*="guilds-"] [class^="listItem-"] { +[class*="guilds_"] [class^="listItem_"] { margin-bottom: 4px; } -[class*="guilds-"] ul[id^="folder-items-"] > [class^="listItem-"] { +[class*="guilds_"] ul[id^="folder-items-"] > [class^="listItem_"] { width: 32px !important; height: 32px !important; margin-left: 8px; } -[class*="guilds-"] [class^="expandedFolderBackground-"] { +[class*="guilds_"] [class^="expandedFolderBackground_"] { width: 32px; left: 8px; } -[class*="guilds-"] ul[id^="folder-items-"] { +[class*="guilds_"] ul[id^="folder-items-"] { height: unset !important; } -[class*="guilds-"] - ul[class^="tree-"] - > [class^="scroller-"] +[class*="guilds_"] + ul[class^="tree_"] + > [class^="scroller_"] > div[style*="height: 56px;"] { height: unset !important; } -[class*="guilds-"] +[class*="guilds_"] ul[id^="folder-items-"] - > [class^="listItem-"] - > [class^="pill-"] { + > [class^="listItem_"] + > [class^="pill_"] { left: -8px; } -section[class^="panels-"] > [class*="activityPanel-"] [class^="gameIcon-"], -section[class^="panels-"] - > [class*="activityPanel-"] - [class^="actions-"] - > [class^="panelButtonContainer-"] +section[class^="panels_"] > [class*="activityPanel_"] [class^="gameIcon_"], +section[class^="panels_"] + > [class*="activityPanel_"] + [class^="actions_"] + > [class^="panelButtonContainer_"] > button, -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class*="directionRow-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class*="directionRow_"] > button, -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="actionButtons-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="actionButtons_"] button { width: 24px; height: 24px; min-height: 24px; } -section[class^="panels-"] > [class^="container-"]:last-child { +section[class^="panels_"] > [class^="container_"]:last-child { position: relative; } -section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { +section[class^="panels_"] > [class^="container_"]:last-child > div:last-child { position: absolute; right: 0; padding-right: 8px; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class*="directionRow-"] { +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class*="directionRow_"] { position: absolute; bottom: 8px; right: 8px; @@ -108,133 +108,133 @@ section[class^="panels-"] grid-auto-flow: column; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div { padding-left: 20px; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] { + > [class^="rtcConnectionStatus_"] { position: absolute; left: 8px; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"]:has(> :nth-child(2)) { + > [class^="rtcConnectionStatus_"]:has(> :nth-child(2)) { top: 12px; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] - > svg[class^="ping-"] { + > [class^="rtcConnectionStatus_"] + > svg[class^="ping_"] { margin-right: 0; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] - > [class^="labelWrapper-"], -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] + > [class^="rtcConnectionStatus_"] + > [class^="labelWrapper_"], +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] - > [class^="labelWrapper-"] + > [class^="rtcConnectionStatus_"] + > [class^="labelWrapper_"] > button { width: 16px; height: 16px; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] - > [class^="labelWrapper-"] { + > [class^="rtcConnectionStatus_"] + > [class^="labelWrapper_"] { position: relative; left: -16px; z-index: 10; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] - > [class^="labelWrapper-"] + > [class^="rtcConnectionStatus_"] + > [class^="labelWrapper_"] > button - > [class^="contents-"] { + > [class^="contents_"] { display: none; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="actionButtons-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="actionButtons_"] button { padding: 0; background: transparent; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="actionButtons-"] { +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="actionButtons_"] { grid-gap: 4px; padding-top: 0; grid-template-columns: repeat(auto-fill, minmax(0, 24px)); height: 24px; } -section[class^="panels-"] > [class^="container-"] { +section[class^="panels_"] > [class^="container_"] { height: 40px; padding: 0 4px; } -section[class^="panels-"] - > [class^="container-"] - > [class^="avatarWrapper-"] - > [class*="avatar-"] { +section[class^="panels_"] + > [class^="container_"] + > [class^="avatarWrapper_"] + > [class*="avatar_"] { width: 24px !important; height: 24px !important; } -section[class^="panels-"] - > [class^="container-"] - > [class^="avatarWrapper-"] - > [class*="avatar-"] +section[class^="panels_"] + > [class^="container_"] + > [class^="avatarWrapper_"] + > [class*="avatar_"] > svg { width: 32px !important; height: 32px !important; } -section[class^="panels-"] - > [class^="container-"] - > [class*="directionRow-"] +section[class^="panels_"] + > [class^="container_"] + > [class*="directionRow_"] > button { width: 24px; height: 24px; } -section[class^="panels-"] > [class^="container-"] > [class*="directionRow-"] { +section[class^="panels_"] > [class^="container_"] > [class*="directionRow_"] { display: grid; grid-auto-flow: column; grid-gap: 4px; @@ -270,64 +270,73 @@ button.hh2-spotify-controls-button { color: var(--text-muted) !important; } -[class^="members-"] [class^="member-"] > [class*="layout-"] { +[class^="members_"] [class^="member_"] > [class*="layout_"] { height: 32px; } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"], -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] { +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"], +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] { width: 24px !important; height: 24px !important; } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] > svg[viewBox="0 0 40 40"] { width: 32px !important; height: 32px !important; } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] - > [class^="avatarDecoration-"] { +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] + > [class^="avatarDecoration_"] { top: calc((0.4 - var(--decoration-to-avatar-ratio) / 2) * 32px); left: calc((0.475 - var(--decoration-to-avatar-ratio) / 2) * 32px); width: calc(32px * var(--decoration-to-avatar-ratio)); height: calc(32px * var(--decoration-to-avatar-ratio)); } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] > svg[viewBox="0 0 32 32"] { width: 24px !important; height: 24px !important; } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"] { +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"] { margin-right: 8px; } -[class^="members-"] [class^="membersGroup-"] { +[class^="members_"] [class^="membersGroup_"] { padding: 12px 8px 0 8px !important; - height: unset; + height: unset !important; } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="children-"] +[class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"]:hover + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"] { + height: unset !important; +} +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="children_"] > .presence-icons-wrapper > span > img { @@ -335,77 +344,77 @@ button.hh2-spotify-controls-button { height: 20px; } -[class^="sidebar-"] [class^="containerDefault-"]:has(> [class*="clickable-"]) { +[class^="sidebar_"] [class^="containerDefault_"]:has(> [class*="clickable_"]) { padding-top: 8px; } -[class^="sidebar-"] ul[class^="content-"] > div[style="height: 12px;"] { +[class^="sidebar_"] ul[class^="content_"] > div[style="height: 12px;"] { height: 6px !important; } -[class^="sidebar-"] ul[class^="content-"] > div[style="height: 84px;"] { +[class^="sidebar_"] ul[class^="content_"] > div[style="height: 84px;"] { height: 0px !important; } -[class^="sidebar-"] ul[class^="content-"] > [class^="sectionDivider-"] { +[class^="sidebar_"] ul[class^="content_"] > [class^="sectionDivider_"] { margin-top: 6px; } -[class^="sidebar-"] [class^="containerDefault-"] [class^="link-"] { +[class^="sidebar_"] [class^="containerDefault_"] [class^="link_"] { padding: 4px; } -[class^="sidebar-"] - [class^="iconVisibility-"] - > [class^="content-"] - > [class^="mainContent-"], -[class^="sidebar-"] - [class^="containerDefault-"] - [class^="iconVisibility-"] - > [class^="content-"] - > [class^="children-"] - > [class^="iconItem-"] { +[class^="sidebar_"] + [class^="iconVisibility_"] + > [class^="content_"] + > [class^="mainContent_"], +[class^="sidebar_"] + [class^="containerDefault_"] + [class^="iconVisibility_"] + > [class^="content_"] + > [class^="children_"] + > [class^="iconItem_"] { padding: 3px 0; } -[class^="sidebar-"] - [class^="containerDefault-"] - [class^="iconVisibility-"] - > [class^="content-"] - > [class^="children-"] - > [class^="channelInfo-"] { +[class^="sidebar_"] + [class^="containerDefault_"] + [class^="iconVisibility_"] + > [class^="content_"] + > [class^="children_"] + > [class^="channelInfo_"] { margin-top: 0 !important; } -[class^="sidebar-"] - [class^="containerDefault-"] - [class^="iconVisibility-"] - > [class^="content-"] - > [class^="children-"] { +[class^="sidebar_"] + [class^="containerDefault_"] + [class^="iconVisibility_"] + > [class^="content_"] + > [class^="children_"] { margin-top: 2px; } -[class^="sidebar-"] - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="userAvatar-"] { +[class^="sidebar_"] + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="userAvatar_"] { margin-left: 4px; margin-right: 4px; } -[class^="sidebar-"] [class^="containerDefault-"] [class^="spine-"] { +[class^="sidebar_"] [class^="containerDefault_"] [class^="spine_"] { top: 2px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 32px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 32px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 32px !important; width: 240px; @@ -419,815 +428,815 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ); } -[class^="animatedBannerHoverLayer-"] { +[class^="animatedBannerHoverLayer_"] { top: -32px !important; height: 32px !important; } -[nop="nop"] [class^="members-"] > [class^="content-"], -[nop="nop"] [class^="sidebar-"] ul[class^="content-"] { +[nop="nop"] [class^="members_"] > [class^="content_"], +[nop="nop"] [class^="sidebar_"] ul[class^="content_"] { height: unset !important; padding-bottom: 8px; } -[class^="sidebar-"] header[class^="header-"] { +[class^="sidebar_"] header[class^="header_"] { padding: 4px 8px; } -[class^="chat-"] > [class^="title-"], -[class^="chat-"] > section[class*="container-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] { - height: 32px; - min-height: 32px; +[class^="chat_"] > [class^="title_"], +[class^="chat_"] > section[class*="container_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] { + height: 32px !important; + min-height: 32px !important; padding: 0; } -[class^="chat-"] > [class^="title-"][class^="libraryHeader-"]:before, -[class^="chat-"] > section[class*="container-"][class^="libraryHeader-"]:before, -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"][class^="libraryHeader-"]:before, -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"][class^="libraryHeader-"]:before { +[class^="chat_"] > [class^="title_"][class^="libraryHeader_"]:before, +[class^="chat_"] > section[class*="container_"][class^="libraryHeader_"]:before, +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"][class^="libraryHeader_"]:before, +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"][class^="libraryHeader_"]:before { top: 31px; } -[class^="chat-"] > [class^="title-"] > [class^="upperContainer-"], -[class^="chat-"] > section[class*="container-"] > [class^="upperContainer-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] { height: 32px; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] { +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] { display: grid; grid-auto-flow: column; grid-gap: 4px; margin-right: 4px; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="inviteToolbar-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="inviteToolbar-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="inviteToolbar-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="inviteToolbar-"] { +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="inviteToolbar_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="inviteToolbar_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="inviteToolbar_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="inviteToolbar_"] { display: grid; grid-auto-flow: column; grid-gap: 4px; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] { +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] { height: 24px !important; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] + [class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root - [class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"] { + [class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"] { margin-top: 0 !important; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - [class^="iconWrapper-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - [class^="iconWrapper-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - [class^="iconWrapper-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - [class^="iconWrapper-"] { +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + [class^="iconWrapper_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + [class^="iconWrapper_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + [class^="iconWrapper_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + [class^="iconWrapper_"] { width: 24px !important; height: 24px !important; margin: 0; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - [class^="iconWrapper-"] +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + [class^="iconWrapper_"] > svg, -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - [class^="iconWrapper-"] +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + [class^="iconWrapper_"] > svg, -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - [class^="iconWrapper-"] +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + [class^="iconWrapper_"] > svg, -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - [class^="iconWrapper-"] +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + [class^="iconWrapper_"] > svg { margin: 0 !important; padding: 1px; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="icon-"]:has(> [class^="text-md-normal-"]), -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="icon-"]:has(> [class^="text-md-normal-"]), -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="icon-"]:has(> [class^="text-md-normal-"]), -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="toolbar-"] - > [class^="icon-"]:has(> [class^="text-md-normal-"]) { +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="icon_"]:has(> [class^="text-md-normal_"]), +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="icon_"]:has(> [class^="text-md-normal_"]), +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="icon_"]:has(> [class^="text-md-normal_"]), +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="toolbar_"] + > [class^="icon_"]:has(> [class^="text-md-normal_"]) { margin-left: 4px; margin-right: 0; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - [class^="topic-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - [class^="topic-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - [class^="topic-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - [class^="topic-"] { +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + [class^="topic_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + [class^="topic_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + [class^="topic_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + [class^="topic_"] { margin-left: 4px; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - [class^="titleWrapper-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - [class^="titleWrapper-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - [class^="titleWrapper-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - [class^="titleWrapper-"] { +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + [class^="titleWrapper_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + [class^="titleWrapper_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + [class^="titleWrapper_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + [class^="titleWrapper_"] { margin-right: 4px; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="children-"] - > [class^="iconWrapper-"], -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - [class^="divider-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="children-"] - > [class^="iconWrapper-"], -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - [class^="divider-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="children-"] - > [class^="iconWrapper-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - [class^="divider-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="children-"] - > [class^="iconWrapper-"], -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - [class^="divider-"] { +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="children_"] + > [class^="iconWrapper_"], +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + [class^="divider_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="children_"] + > [class^="iconWrapper_"], +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + [class^="divider_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="children_"] + > [class^="iconWrapper_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + [class^="divider_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="children_"] + > [class^="iconWrapper_"], +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + [class^="divider_"] { margin: 0 4px; } -[class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class^="children-"] - > [class^="iconWrapper-"] +[class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class^="children_"] + > [class^="iconWrapper_"] > svg, -[class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="children-"] - > [class^="iconWrapper-"] +[class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="children_"] + > [class^="iconWrapper_"] > svg, -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class^="children-"] - > [class^="iconWrapper-"] +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class^="children_"] + > [class^="iconWrapper_"] > svg, -[class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class^="children-"] - > [class^="iconWrapper-"] +[class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class^="children_"] + > [class^="iconWrapper_"] > svg { padding: 2px; } -[class*="iconWrapper-"] - [class^="chat-"] - > [class^="title-"] - > [class^="upperContainer-"] - > [class*="search-"], -[class*="iconWrapper-"] - [class^="chat-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class*="search-"], -[class*="iconWrapper-"] - [class^="base-"] - > [class^="content-"] - > [class^="container-"] - > section[class*="container-"] - > [class^="upperContainer-"] - > [class*="search-"], -[class*="iconWrapper-"] - [class^="base-"] - > [class^="content-"] - > [class^="applicationStore-"] - section[class*="container-"] - > [class^="upperContainer-"] - > [class*="search-"] { +[class*="iconWrapper_"] + [class^="chat_"] + > [class^="title_"] + > [class^="upperContainer_"] + > [class*="search_"], +[class*="iconWrapper_"] + [class^="chat_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class*="search_"], +[class*="iconWrapper_"] + [class^="base_"] + > [class^="content_"] + > [class^="container_"] + > section[class*="container_"] + > [class^="upperContainer_"] + > [class*="search_"], +[class*="iconWrapper_"] + [class^="base_"] + > [class^="content_"] + > [class^="applicationStore_"] + section[class*="container_"] + > [class^="upperContainer_"] + > [class*="search_"] { margin: 0 !important; } -[class^="chatContent-"] +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] > div - > [class*="fontSize16Padding-"] { + > [class*="fontSize16Padding_"] { padding-top: 9px !important; padding-bottom: 9px !important; } -[class^="channelTextArea-"] [class^="inner-"] { +[class^="channelTextArea_"] [class^="inner_"] { padding-left: 0 !important; } -[class^="channelTextArea-"], -[class^="channelTextArea-"] [class^="inner-"], -[class^="channelTextArea-"] [class^="buttons-"], -[class^="channelTextArea-"] [class^="attachWrapper-"], -[class^="channelTextArea-"] [class^="attachButton-"], -[class^="channelTextArea-"] > [class^="scrollableContainer-"], -[class^="channelTextArea-"] [class^="inner-"] > [class^="textArea-"] { +[class^="channelTextArea_"], +[class^="channelTextArea_"] [class^="inner_"], +[class^="channelTextArea_"] [class^="buttons_"], +[class^="channelTextArea_"] [class^="attachWrapper_"], +[class^="channelTextArea_"] [class^="attachButton_"], +[class^="channelTextArea_"] > [class^="scrollableContainer_"], +[class^="channelTextArea_"] [class^="inner_"] > [class^="textArea_"] { min-height: 40px !important; } -[class^="channelTextArea-"] [class^="buttons-"], -[class^="channelTextArea-"] [class^="attachWrapper-"], -[class^="chatContent-"] +[class^="channelTextArea_"] [class^="buttons_"], +[class^="channelTextArea_"] [class^="attachWrapper_"], +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] { + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] { height: 40px; } -[class^="channelTextArea-"] [class^="attachWrapper-"] { +[class^="channelTextArea_"] [class^="attachWrapper_"] { min-width: 40px; } -[class^="channelTextArea-"] [class^="attachWrapper-"] [class^="attachButton-"] { +[class^="channelTextArea_"] [class^="attachWrapper_"] [class^="attachButton_"] { margin-left: 0; padding-top: 0; } -[class^="channelTextArea-"] [class^="attachButton-"], -[class^="channelTextArea-"] [class^="attachButton-"] > [class^="icon-"] { +[class^="channelTextArea_"] [class^="attachButton_"], +[class^="channelTextArea_"] [class^="attachButton_"] > [class^="icon_"] { padding: 5px 8px; } -[class^="channelTextArea-"] - [class^="buttons-"] - [class*="buttonContainer-"] - > button:not(:has(> [class*="innerButton-"])) { +[class^="channelTextArea_"] + [class^="buttons_"] + [class*="buttonContainer_"] + > button:not(:has(> [class*="innerButton_"])) { margin: 0; } -[class^="channelTextArea-"] [class^="buttons-"] > [class^="separator-"], -[class^="channelTextArea-"] - [class^="buttons-"] - > [class^="separator-"] - [class*="innerButton-"] { +[class^="channelTextArea_"] [class^="buttons_"] > [class^="separator_"], +[class^="channelTextArea_"] + [class^="buttons_"] + > [class^="separator_"] + [class*="innerButton_"] { margin-left: 4px; } -[class^="channelTextArea-"] - [class^="buttons-"] - > [class^="separator-"] - [class*="innerButton-"] { +[class^="channelTextArea_"] + [class^="buttons_"] + > [class^="separator_"] + [class*="innerButton_"] { margin-right: 0; } -[class*="menu-"] [class^="scroller-"] { +[class*="menu_"] [class^="scroller_"] { padding: 4px; } -[class*="menu-"] [class^="scroller-"]::-webkit-scrollbar { +[class*="menu_"] [class^="scroller_"]::-webkit-scrollbar { width: 4px; } -[class*="menu-"] [class^="scroller-"] [class^="item-"] { +[class*="menu_"] [class^="scroller_"] [class^="item_"] { margin: 1px 0; padding: 0 4px; min-height: 24px; } -[class*="menu-"] - [class^="scroller-"] - [class^="customItem-"][id^="message-quickreact-"] - > [class^="button-"] { +[class*="menu_"] + [class^="scroller_"] + [class^="customItem_"][id^="message-quickreact-"] + > [class^="button_"] { width: 24px; height: 24px; } -[class*="menu-"] - [class^="scroller-"] - [class^="wrapper-"]:has(> [class^="customItem-"][id^="message-quickreact-"]) { +[class*="menu_"] + [class^="scroller_"] + [class^="wrapper_"]:has(> [class^="customItem_"][id^="message-quickreact-"]) { padding: 0; margin-bottom: 4px; } -[class*="menu-"] - [class^="scroller-"] - [class^="item-"] - > [class^="labelContainer-"], -[class*="menu-"] - [class^="scroller-"] - [class^="item-"] - > [class^="sliderContainer-"] { +[class*="menu_"] + [class^="scroller_"] + [class^="item_"] + > [class^="labelContainer_"], +[class*="menu_"] + [class^="scroller_"] + [class^="item_"] + > [class^="sliderContainer_"] { padding: 0; } -[class*="menu-"] - [class^="scroller-"] - [class^="item-"] - > [class^="labelContainer-"] { +[class*="menu_"] + [class^="scroller_"] + [class^="item_"] + > [class^="labelContainer_"] { min-height: 24px; } -[class^="sidebar-"] - > [class^="privateChannels-"] - ul[class^="content-"] - > [class^="channel-"] - [class*="layout-"] { +[class^="sidebar_"] + > [class^="privateChannels_"] + ul[class^="content_"] + > [class^="channel_"] + [class*="layout_"] { height: 36px; padding: 0 4px; } -[class^="sidebar-"] - > [class^="privateChannels-"] - ul[class^="content-"] - > [class^="channel-"] - [class*="layout-"] - > [class^="avatar-"], -[class^="sidebar-"] - > [class^="privateChannels-"] - ul[class^="content-"] - > [class^="channel-"] - [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] { +[class^="sidebar_"] + > [class^="privateChannels_"] + ul[class^="content_"] + > [class^="channel_"] + [class*="layout_"] + > [class^="avatar_"], +[class^="sidebar_"] + > [class^="privateChannels_"] + ul[class^="content_"] + > [class^="channel_"] + [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] { height: 24px !important; width: 24px !important; } -[class^="sidebar-"] - > [class^="privateChannels-"] - ul[class^="content-"] - > [class^="channel-"] - [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] +[class^="sidebar_"] + > [class^="privateChannels_"] + ul[class^="content_"] + > [class^="channel_"] + [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] > svg[viewbox="0 0 40 40"] { height: 32px !important; width: 32px !important; } -[class^="sidebar-"] - > [class^="privateChannels-"] - ul[class^="content-"] - > [class^="channel-"] - [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] +[class^="sidebar_"] + > [class^="privateChannels_"] + ul[class^="content_"] + > [class^="channel_"] + [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] > svg[viewbox="0 0 32 32"] { height: 24px !important; width: 24px !important; } -[class^="sidebar-"] - > [class^="privateChannels-"] - ul[class^="content-"] - > [class^="channel-"] - [class*="layout-"] - > [class^="avatar-"] { +[class^="sidebar_"] + > [class^="privateChannels_"] + ul[class^="content_"] + > [class^="channel_"] + [class*="layout_"] + > [class^="avatar_"] { margin-right: 8px; } -[class^="sidebar-"] - > [class^="privateChannels-"] - ul[class^="content-"] - > [class^="channel-"] - [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] - > [class^="avatarDecoration-"] { +[class^="sidebar_"] + > [class^="privateChannels_"] + ul[class^="content_"] + > [class^="channel_"] + [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] + > [class^="avatarDecoration_"] { top: calc((0.4 - var(--decoration-to-avatar-ratio) / 2) * 32px); left: calc((0.475 - var(--decoration-to-avatar-ratio) / 2) * 32px); width: calc(32px * var(--decoration-to-avatar-ratio)); height: calc(32px * var(--decoration-to-avatar-ratio)); } -[class^="sidebar-"] - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] { +[class^="sidebar_"] + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] { padding: 9px 4px 2px 9px; height: 24px; } -[class^="sidebar-"] > [class^="privateChannels-"] > [class^="searchBar-"] { +[class^="sidebar_"] > [class^="privateChannels_"] > [class^="searchBar_"] { height: 32px; } diff --git a/modular/cozy_compact.css b/modular/cozy_compact.css index cf4e9ea..c1bc17f 100644 --- a/modular/cozy_compact.css +++ b/modular/cozy_compact.css @@ -1,148 +1,148 @@ 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) - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"], + [class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"], html:not(.a11y-font-scaled-down) - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="container-"]:not([class*="systemMessage-"]):not( - [class*="compact-"] + [class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="container_"]:not([class*="systemMessage_"]):not( + [class*="compact_"] ) { padding: 0 !important; padding-left: 16px !important; } -[class*="message-"]:not([class*="systemMessage-"]):not([class*="compact-"]), -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"]:not([class*="systemMessage-"]):not([class*="compact-"]), -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="container-"]:not([class*="systemMessage-"]):not( - [class*="compact-"] +[class*="message_"]:not([class*="systemMessage_"]):not([class*="compact_"]), +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"]:not([class*="systemMessage_"]):not([class*="compact_"]), +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="container_"]:not([class*="systemMessage_"]):not( + [class*="compact_"] ) { padding-left: 16px !important; } -[class*="message-"][class*="systemMessage-"] { +[class*="message_"][class*="systemMessage_"] { padding-left: 32px !important; } -[class*="message-"][class*="systemMessage-"] [class^="iconContainer-"] { +[class*="message_"][class*="systemMessage_"] [class^="iconContainer_"] { margin-right: 0; width: 24px; } html:not(.a11y-font-scaled-down) - [class*="message-"]:not([class*="compact-"]) - > [class^="contents-"] - > [class^="header-"], + [class*="message_"]:not([class*="compact_"]) + > [class^="contents_"] + > [class^="header_"], html:not(.a11y-font-scaled-down) - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"]:not([class*="compact-"]) - > [class^="contents-"] - > [class^="header-"], + [class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"]:not([class*="compact_"]) + > [class^="contents_"] + > [class^="header_"], html:not(.a11y-font-scaled-down) - [class*="message-"]:not([class*="compact-"]) - > [class^="wrapper-"] - > [class^="contents-"] - > [class^="header-"] { + [class*="message_"]:not([class*="compact_"]) + > [class^="wrapper_"] + > [class^="contents_"] + > [class^="header_"] { padding-left: 0 !important; margin-left: 24px; padding-bottom: 0 !important; } .a11y-font-scaled-down - [class*="message-"]:not([class*="compact-"]) - > [class^="contents-"] - > [class^="header-"], + [class*="message_"]:not([class*="compact_"]) + > [class^="contents_"] + > [class^="header_"], .a11y-font-scaled-down - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"]:not([class*="compact-"]) - > [class^="contents-"] - > [class^="header-"] + [class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"]:not([class*="compact_"]) + > [class^="contents_"] + > [class^="header_"] .a11y-font-scaled-down - [class*="message-"]:not([class*="compact-"]) - > [class^="wrapper-"] - > [class^="contents-"] - > [class^="header-"] { + [class*="message_"]:not([class*="compact_"]) + > [class^="wrapper_"] + > [class^="contents_"] + > [class^="header_"] { margin-left: calc(24px - 4.5rem); } -[class*="message-"] - > [class^="wrapper-"] - > [class^="contents-"] - [class^="avatar-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"] - > [class^="contents-"] - [class^="avatar-"], -[class*="message-"] > [class^="contents-"] [class^="avatar-"] { +[class*="message_"] + > [class^="wrapper_"] + > [class^="contents_"] + [class^="avatar_"], +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"] + > [class^="contents_"] + [class^="avatar_"], +[class*="message_"] > [class^="contents_"] [class^="avatar_"] { width: 20px; height: 20px; left: 16px; } -[class*="message-"] - > [class^="wrapper-"] - > [class^="contents-"] - [class^="avatar-"] { +[class*="message_"] + > [class^="wrapper_"] + > [class^="contents_"] + [class^="avatar_"] { left: 0 !important; } -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"] - > [class^="contents-"], -[class*="message-"] > [class^="contents-"], -[class*="message-"] > [class^="wrapper-"] > [class^="contents-"] { +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"] + > [class^="contents_"], +[class*="message_"] > [class^="contents_"], +[class*="message_"] > [class^="wrapper_"] > [class^="contents_"] { margin-left: 0; padding: 0; } -[class*="message-"][class*="systemMessage-"] > [class^="container-"] { +[class*="message_"][class*="systemMessage_"] > [class^="container_"] { padding: 0; } -[class*="cozy-"][class*="hasThread-"]::after { +[class*="cozy_"][class*="hasThread_"]::after { display: none; } -[class*="message-"] > [class^="wrapper-"] { +[class*="message_"] > [class^="wrapper_"] { padding-left: 0; } -[class^="messagesWrapper-"] [class^="scrollerInner-"]:after { +[class^="messagesWrapper_"] [class^="scrollerInner_"]:after { height: 4px !important; } -[class*="message-"]:not([class*="compact-"]) - [class^="contents-"] - [class*="timestampVisibleOnHover-"] { +[class*="message_"]:not([class*="compact_"]) + [class^="contents_"] + [class*="timestampVisibleOnHover_"] { display: none; } -[class^="messagesWrapper-"] [class^="scrollerInner-"] [class^="divider-"] { +[class^="messagesWrapper_"] [class^="scrollerInner_"] [class^="divider_"] { margin: 4px; height: 8px; } -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class*="groupStart-"][class*="cozy-"] { +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + [class*="groupStart_"][class*="cozy_"] { margin-top: 8px; } -div[class*="cozyMessage-"] div[class^="repliedMessage-"] { +div[class*="cozyMessage_"] div[class^="repliedMessage_"] { margin-left: 33px; } -div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before { +div[class*="cozyMessage_"] div[class^="repliedMessage_"]:before { --avatar-size: 20px; border-left: var(--spine-width) 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); } -[class*="cozyMessage-"] [class^="avatarDecoration-"] { +[class*="cozyMessage_"] [class^="avatarDecoration_"] { margin-top: calc(24px - 20px * var(--decoration-to-avatar-ratio)); left: calc(38px - 20px * var(--decoration-to-avatar-ratio)); width: calc(20px * var(--decoration-to-avatar-ratio)); diff --git a/modular/custom_bg.css b/modular/custom_bg.css index aac5bae..c46036e 100644 --- a/modular/custom_bg.css +++ b/modular/custom_bg.css @@ -18,146 +18,146 @@ ) !important; } -[class^="appMount-"] { +[class^="appMount_"] { background: var(--custom-background), var(--primary) !important; background-repeat: no-repeat !important; background-size: cover !important; } -[class^="chat-"] > [class^="content-"] > [class^="chatContent-"], -[class^="chat-"] > [class^="title-"], -[class^="markup-"] code, -[class*="embedFull-"], -[class^="chat-"] > [class^="title-"] [class^="searchBar-"], -[class^="content-"] - > [class^="sidebar-"] - > [class^="privateChannels-"] - > [class^="searchBar-"] - > [class^="searchBarComponent-"], -[class^="standardSidebarView-"] > [class^="contentRegion-"], -[class^="accountProfileCard-"], -[class^="base-"] > [class^="content-"] > [class^="wrapper-"], -[class^="perksModal-"], -[class^="base-"] > [class^="content-"] > [class^="container-"], -[class^="gameUpdates-"], -[class^="applicationStore-"], -[class^="pageWrapper-"], +[class^="chat_"] > [class^="content_"] > [class^="chatContent_"], +[class^="chat_"] > [class^="title_"], +[class^="markup_"] code, +[class*="embedFull_"], +[class^="chat_"] > [class^="title_"] [class^="searchBar_"], +[class^="content_"] + > [class^="sidebar_"] + > [class^="privateChannels_"] + > [class^="searchBar_"] + > [class^="searchBarComponent_"], +[class^="standardSidebarView_"] > [class^="contentRegion_"], +[class^="accountProfileCard_"], +[class^="base_"] > [class^="content_"] > [class^="wrapper_"], +[class^="perksModal_"], +[class^="base_"] > [class^="content_"] > [class^="container_"], +[class^="gameUpdates_"], +[class^="applicationStore_"], +[class^="pageWrapper_"], .messageLinkPreview-container { background-color: var(--transparent_background-primary) !important; } -[class^="channelTextArea-"], -[class^="content-"] > [class^="sidebar-"], -[class^="chat-"] > [class^="content-"] > [class^="container-"], -[class^="standardSidebarView-"] - > [class^="sidebarRegion-"] - [class^="sidebarRegionScroller-"] { +[class^="channelTextArea_"], +[class^="content_"] > [class^="sidebar_"], +[class^="chat_"] > [class^="content_"] > [class^="container_"], +[class^="standardSidebarView_"] + > [class^="sidebarRegion_"] + [class^="sidebarRegionScroller_"] { background: var(--transparent_background-secondary) !important; } -nav[class*="guilds-"], +nav[class*="guilds_"], body > #app-mount > .platform-web - > [class^="popout-"] - > [class^="content-"] - > [class^="wrapper-"] { + > [class^="popout_"] + > [class^="content_"] + > [class^="wrapper_"] { background: var(--transparent_background-tertiary) !important; } -[class^="chat-"], -[class^="content-"] > [class^="sidebar-"] > [class^="container-"], -[class^="content-"] > [class^="sidebar-"] > [class^="privateChannels-"], -[class^="content-"] - > [class^="sidebar-"] - > [class^="privateChannels-"] - > [class^="scroller-"], -nav[class*="guilds-"] > ul > [class^="scroller-"], -[class^="content-"] > [class^="sidebar-"] > [class^="panels-"], -[class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"] - > [class^="members-"] +[class^="chat_"], +[class^="content_"] > [class^="sidebar_"] > [class^="container_"], +[class^="content_"] > [class^="sidebar_"] > [class^="privateChannels_"], +[class^="content_"] + > [class^="sidebar_"] + > [class^="privateChannels_"] + > [class^="scroller_"], +nav[class*="guilds_"] > ul > [class^="scroller_"], +[class^="content_"] > [class^="sidebar_"] > [class^="panels_"], +[class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"] + > [class^="members_"] > div, -[class^="channelTextArea-"] > [class^="scrollableContainer-"], -[class^="chat-"] > [class^="title-"] [class^="children-"]:after, -[class^="chat-"] - > [class^="content-"] - > [class^="chatContent-"] - [class^="scrollerInner-"] - > [class^="wrapper-"], -[class^="chat-"] - > [class^="content-"] - > [class^="chatContent-"] - [class^="scrollerInner-"] - > [class^="wrapper-"] - > [class^="wrapper-"], -[class^="standardSidebarView-"], -[class^="standardSidebarView-"] - > [class^="contentRegion-"] - [class^="contentRegionScroller-"], -[class^="base-"] - > [class^="content-"] - > [class^="wrapper-"] - > [class^="navigationBar-"], -[class^="peopleColumn-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > [class*="container-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > [class^="scroller-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > [class*="container-"] - > [class^="table-"] - > [class*="header-"], -[class^="applicationStore-"] [class^="headerBar-"], -[class^="applicationStore-"] [class^="scroller-"], +[class^="channelTextArea_"] > [class^="scrollableContainer_"], +[class^="chat_"] > [class^="title_"] [class^="children_"]:after, +[class^="chat_"] + > [class^="content_"] + > [class^="chatContent_"] + [class^="scrollerInner_"] + > [class^="wrapper_"], +[class^="chat_"] + > [class^="content_"] + > [class^="chatContent_"] + [class^="scrollerInner_"] + > [class^="wrapper_"] + > [class^="wrapper_"], +[class^="standardSidebarView_"], +[class^="standardSidebarView_"] + > [class^="contentRegion_"] + [class^="contentRegionScroller_"], +[class^="base_"] + > [class^="content_"] + > [class^="wrapper_"] + > [class^="navigationBar_"], +[class^="peopleColumn_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > [class*="container_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > [class^="scroller_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > [class*="container_"] + > [class^="table_"] + > [class*="header_"], +[class^="applicationStore_"] [class^="headerBar_"], +[class^="applicationStore_"] [class^="scroller_"], #gm-settings-inject, -[class^="base-"] - > [class^="content-"] - > [class^="container-"] +[class^="base_"] + > [class^="content_"] + > [class^="container_"] > section - > section[class^="headerBarContainer-"], -[class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"], -[class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"], -[class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"] + > section[class^="headerBarContainer_"], +[class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"] + > [class^="members_"], +[class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"], +[class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"] + > [class^="members_"] > div, body > #app-mount > .platform-web - > [class^="popout-"] - > [class^="content-"] - > [class^="wrapper-"] - > [class^="callContainer-"] { + > [class^="popout_"] + > [class^="content_"] + > [class^="wrapper_"] + > [class^="callContainer_"] { background: transparent !important; } -#gm-settings-inject [class^="auto-"]::-webkit-scrollbar-track, -#gm-settings-inject[class^="auto-"]::-webkit-scrollbar-track { +#gm-settings-inject [class^="auto_"]::-webkit-scrollbar-track, +#gm-settings-inject[class^="auto_"]::-webkit-scrollbar-track { background: transparent !important; border: none; } -#gm-settings-inject [class^="auto-"]::-webkit-scrollbar-thumb, -#gm-settings-inject[class^="auto-"]::-webkit-scrollbar-thumb { +#gm-settings-inject [class^="auto_"]::-webkit-scrollbar-thumb, +#gm-settings-inject[class^="auto_"]::-webkit-scrollbar-thumb { background: var(--interactive-normal); border: none; } -#gm-settings-inject [class^="auto-"]::-webkit-scrollbar, -#gm-settings-inject[class^="auto-"]::-webkit-scrollbar { +#gm-settings-inject [class^="auto_"]::-webkit-scrollbar, +#gm-settings-inject[class^="auto_"]::-webkit-scrollbar { width: 12px !important; height: 12px !important; } diff --git a/modular/font/terminus.css b/modular/font/terminus.css index 958b7d9..e0627fc 100644 --- a/modular/font/terminus.css +++ b/modular/font/terminus.css @@ -55,27 +55,27 @@ --_font-titlebars: var(--font-primary) !important; } -[class*="menu-"] [class^="item-"], -[class^="containerDefault-"] - > [class^="iconVisibility-"] - > [class^="content-"] - [class^="name-"] { +[class*="menu_"] [class^="item_"], +[class^="containerDefault_"] + > [class^="iconVisibility_"] + > [class^="content_"] + [class^="name_"] { font-size: 16px; text-transform: none; font-weight: 500; } -[class^="containerDefault-"] - > [class^="iconVisibility-"] - > [class^="mainContent-"] - [class^="name-"], -[class^="membersGroup-"], -[class^="headerContent-"] > [class^="name-"] { +[class^="containerDefault_"] + > [class^="iconVisibility_"] + > [class^="mainContent_"] + [class^="name_"], +[class^="membersGroup_"], +[class^="headerContent_"] > [class^="name_"] { font-size: 16px; - text-transform: none; + text-transform: none !important; font-weight: 600; } -[class^="reaction-"] [class*="reactionCount-"] { +[class^="reaction_"] [class*="reactionCount_"] { font-size: 12px; } @@ -85,35 +85,35 @@ font-size: 12px !important; } -[class^="sidebar-"] - > [class^="container-"] - > [class^="container-"] - > [class^="header-"] - > [class^="name-"], -[class*="heading-md-medium-"], -[class*="heading-md-normal-"] { +[class^="sidebar_"] + > [class^="container_"] + > [class^="container_"] + > [class^="header_"] + > [class^="name_"], +[class*="heading-md-medium_"], +[class*="heading-md-normal_"] { font-size: 16px !important; } -[class*="edited-"], -[class*="botTag-"] [class*="botText-"], +[class*="edited_"], +[class*="botTag_"] [class*="botText_"], span[class="role-tag"], .antiDelete-deleted-suffix { font-size: 12px !important; } -[class^="latin12CompactTimeStamp-"], -[class^="latin24CompactTimeStamp-"], -[class^="asianCompactTimeStamp-"], -[class^="embedFooterText-"] { +[class^="latin12CompactTimeStamp_"], +[class^="latin24CompactTimeStamp_"], +[class^="asianCompactTimeStamp_"], +[class^="embedFooterText_"] { font-size: 0.75em !important; } -[class^="codeBlockText-"], -[class^="codeLine-"], -[class*="after_inlineCode-"], -[class*="before_inlineCode-"], -[class^="inlineCode-"] { +[class^="codeBlockText_"], +[class^="codeLine_"], +[class*="after_inlineCode_"], +[class*="before_inlineCode_"], +[class^="inlineCode_"] { font-size: 12px !important; } @@ -121,20 +121,20 @@ span[class="role-tag"], font-weight: 0; } -[class^="markdown-"] [class^="codeInline-"], +[class^="markdown_"] [class^="codeInline_"], code.inline, .hljs { font-size: 12px !important; } -[class^="markdown-"] code, -[class^="markdown-"] [class^="codeInline-"], +[class^="markdown_"] code, +[class^="markdown_"] [class^="codeInline_"], code.inline { line-height: 12px !important; } -[class^="markup-"] ol, -[class^="markup-"] ul { +[class^="markup_"] ol, +[class^="markup_"] ul { margin: 4px 0 0 24px !important; } diff --git a/modular/font/unifont.css b/modular/font/unifont.css index a0a857b..bd61ba7 100644 --- a/modular/font/unifont.css +++ b/modular/font/unifont.css @@ -64,10 +64,10 @@ font-family: "Sazanami Gothic" !important; } -[class*="menu-"] [class^="item-"], -[class^="containerDefault-"] [class^="name-"], -[class^="membersGroup-"] { +[class*="menu_"] [class^="item_"], +[class^="containerDefault_"] [class^="name_"], +[class^="membersGroup_"] { font-size: 16px; - text-transform: none; + text-transform: none !important; font-weight: 500; } diff --git a/modular/help_button.css b/modular/help_button.css index c4ba3de..302570a 100644 --- a/modular/help_button.css +++ b/modular/help_button.css @@ -1,4 +1,4 @@ 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; } diff --git a/modular/hide_nowplaying.css b/modular/hide_nowplaying.css index 50a9bbb..f8c8ec7 100644 --- a/modular/hide_nowplaying.css +++ b/modular/hide_nowplaying.css @@ -1,3 +1,3 @@ -[class^="nowPlayingColumn-"] { +[class^="nowPlayingColumn_"] { display: none; } diff --git a/modular/hide_tag.css b/modular/hide_tag.css index 9f65dc2..c9c4302 100644 --- a/modular/hide_tag.css +++ b/modular/hide_tag.css @@ -1,14 +1,14 @@ -section[class^="panels-"] - > [class^="container-"]:last-child - [class*="nameTag-"] { +section[class^="panels_"] + > [class^="container_"]:last-child + [class*="nameTag_"] { display: none; } -section[class^="panels-"] > [class^="container-"]:last-child { +section[class^="panels_"] > [class^="container_"]:last-child { position: relative; } -section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { +section[class^="panels_"] > [class^="container_"]:last-child > div:last-child { position: absolute; right: 0; padding-right: 8px; diff --git a/modular/left_reply.css b/modular/left_reply.css index 9431054..257e4d8 100644 --- a/modular/left_reply.css +++ b/modular/left_reply.css @@ -1,32 +1,32 @@ -[class^="channelTextArea-"] > [class^="attachedBars-"] [class^="replyBar-"], -[class^="channelTextArea-"] - > [class^="attachedBars-"] - [class^="threadSuggestionBar-"] { +[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"], +[class^="channelTextArea_"] + > [class^="attachedBars_"] + [class^="threadSuggestionBar_"] { background: transparent; } -[class^="channelTextArea-"] > [class^="attachedBars-"] [class^="replyBar-"] { +[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] { display: flex; flex-direction: row-reverse; align-self: flex-start; } -[class^="channelTextArea-"] - > [class^="attachedBars-"] - [class^="replyBar-"] - > [class^="actions-"] { +[class^="channelTextArea_"] + > [class^="attachedBars_"] + [class^="replyBar_"] + > [class^="actions_"] { flex-direction: row-reverse; } -[class^="channelTextArea-"] - > [class^="attachedBars-"] - [class^="replyBar-"] - [class*="replyLabel-"] { +[class^="channelTextArea_"] + > [class^="attachedBars_"] + [class^="replyBar_"] + [class*="replyLabel_"] { margin-left: 12px; } -[class^="channelTextArea-"] - > [class^="attachedBars-"] - [class^="replyBar-"] - > [class^="actions-"]::after { +[class^="channelTextArea_"] + > [class^="attachedBars_"] + [class^="replyBar_"] + > [class^="actions_"]::after { position: relative; content: ""; background-color: var(--background-modifier-accent); diff --git a/modular/nyantro.css b/modular/nyantro.css index d92d38e..165a546 100644 --- a/modular/nyantro.css +++ b/modular/nyantro.css @@ -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="); } -[class^="progressBarContainer-"] [class^="progressBar-"] { +[class^="progressBarContainer_"] [class^="progressBar_"] { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCQzIyREQ0QjdEMTFFMzlEMDM4Qzc3MEY0NzdGMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzIyREU0QjdEMTFFMzlEMDM4Qzc3MEY0NzdGMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JDMjJEQjRCN0QxMUUzOUQwMzhDNzcwRjQ3N0YwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjJEQzRCN0QxMUUzOUQwMzhDNzcwRjQ3N0YwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PovDFgYAAAAmSURBVHjaYvjPwMAAxjMZmBhA9H8INv4P4TPM/A+m04zBNECAAQBCWQv9SUQpVgAAAABJRU5ErkJggg=="); background-size: contain; } -[class^="progressBarContainer-"] [class^="progressBar-"]:after { +[class^="progressBarContainer_"] [class^="progressBar_"]:after { 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-size: contain; @@ -18,6 +18,6 @@ top: -6px; } -[class^="progressBarContainer-"] [class^="tadaIcon-"] { +[class^="progressBarContainer_"] [class^="tadaIcon_"] { display: none; } diff --git a/modular/old_embeds.css b/modular/old_embeds.css index 6270667..72fd9b3 100644 --- a/modular/old_embeds.css +++ b/modular/old_embeds.css @@ -1,34 +1,34 @@ -[class*="embed-"] { +[class*="embed_"] { border-radius: 0 0 0 0; border-color: var(--interactive-active); } -[class*="embed-"] [class*="embedInner-"] { +[class*="embed_"] [class*="embedInner_"] { border-color: transparent; } -[class*="embed-"] [class*="embedAuthorIcon-"] { +[class*="embed_"] [class*="embedAuthorIcon_"] { border-radius: 0; } -[class*="embed-"] [class^="grid-"] { +[class*="embed_"] [class^="grid_"] { padding: 8px !important; } -[class*="embed-"] [class*="embedMargin-"] { +[class*="embed_"] [class*="embedMargin_"] { margin-top: 4px !important; } -[class*="embed-"] [class*="embedMedia-"] { +[class*="embed_"] [class*="embedMedia_"] { margin-top: 4px !important; } -[class*="embed-"] [class*="embedTitle-"] { +[class*="embed_"] [class*="embedTitle_"] { font-size: 16px !important; font-weight: 200 !important; } -[class*="embed-"] [class*="embedFieldName-"] { +[class*="embed_"] [class*="embedFieldName_"] { font-weight: 500 !important; } -[class*="embed-"] [class*="embedDescription-"], -[class*="embed-"] [class*="embedFieldName-"], -[class*="embed-"] [class*="embedFieldValue-"] { +[class*="embed_"] [class*="embedDescription_"], +[class*="embed_"] [class*="embedFieldName_"], +[class*="embed_"] [class*="embedFieldValue_"] { font-size: 16px !important; } -[class*="embed-"] [class*="embedFooterText-"] { +[class*="embed_"] [class*="embedFooterText_"] { font-size: 0.8em; } diff --git a/modular/old_roles.css b/modular/old_roles.css index 8bcfd9f..0774a7f 100644 --- a/modular/old_roles.css +++ b/modular/old_roles.css @@ -1,10 +1,10 @@ -[class^="role-"] { +[class^="role_"] { position: relative; border-radius: 5%; } -[class^="role-"] [class^="roleRemoveButton-"] [class^="roleCircle-"], -[class^="role-"] [class^="roleRemoveButton-"] [class^="roleFlowerStar-"] { +[class^="role_"] [class^="roleRemoveButton_"] [class^="roleCircle_"], +[class^="role_"] [class^="roleRemoveButton_"] [class^="roleFlowerStar_"] { margin: 0 !important; border-radius: 5% !important; width: 100% !important; @@ -16,7 +16,7 @@ opacity: 0.25; } -[class^="role-"] [class^="roleFlowerStar-"] > svg[class^="linkIcon-"] { +[class^="role_"] [class^="roleFlowerStar_"] > svg[class^="linkIcon_"] { z-index: 7; position: absolute; right: -2px; @@ -24,7 +24,7 @@ opacity: 5; } -[class^="role-"] [class^="roleRemoveButton-"] { +[class^="role_"] [class^="roleRemoveButton_"] { position: absolute; left: 0; width: 100%; @@ -33,16 +33,16 @@ overflow-y: visible; } -[class^="role-"] [class^="roleIcon-"] { +[class^="role_"] [class^="roleIcon_"] { z-index: 5; } -[class^="role-"] [class^="roleName-"] { +[class^="role_"] [class^="roleName_"] { z-index: 2; margin-right: 0; } -[class^="role-"] [class^="roleRemoveIcon-"] { +[class^="role_"] [class^="roleRemoveIcon_"] { display: block; position: absolute; top: 4px; @@ -50,7 +50,7 @@ z-index: 6; } -[class^="role-"] [class^="roleRemoveButton-"] [class*="roleDot-"] { +[class^="role_"] [class^="roleRemoveButton_"] [class*="roleDot_"] { width: 1em !important; height: 1em !important; margin-top: 0.25em; diff --git a/modular/overwrite_colors.css b/modular/overwrite_colors.css index 5d37364..b25b6b6 100644 --- a/modular/overwrite_colors.css +++ b/modular/overwrite_colors.css @@ -218,10 +218,10 @@ html { --brand-experiment-95a: rgba(var(--accent-rgb), 0.95) !important; } -[class^="appMount-"], -[class^="bg-"], -[class^="layers-"] > [class^="layer-"], -[class^="app-"] { +[class^="appMount_"], +[class^="bg_"], +[class^="layers_"] > [class^="layer_"], +[class^="app_"] { 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); } -[class^="containerDefault-"]:not(:hover):not([class*="selected-"]) - [class*="modeUnread-"] - svg[class^="icon-"], -[class^="containerDefault-"]:not(:hover):not([class*="selected-"]) - [class*="modeUnread-"] - [class^="name-"] { +[class^="containerDefault_"]:not(:hover):not([class*="selected_"]) + [class*="modeUnread_"] + svg[class^="icon_"], +[class^="containerDefault_"]:not(:hover):not([class*="selected_"]) + [class*="modeUnread_"] + [class^="name_"] { 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)); } -[class^="containerDefault-"]:not(:hover) - [class*="modeSelected-"] - svg[class^="icon-"] { +[class^="containerDefault_"]:not(:hover) + [class*="modeSelected_"] + svg[class^="icon_"] { color: var(--interactive-active); } -[class^="containerDefault-"] - [class*="iconVisibility-"]:hover - svg[class^="icon-"], -[class^="containerDefault-"] [class*="iconVisibility-"]:hover [class^="name-"], -[class^="wrapper-"]:hover - > [class^="content-"] - > [class^="mainContent-"] - > [class^="iconContainer-"] - > svg[class^="icon-"] { +[class^="containerDefault_"] + [class*="iconVisibility_"]:hover + svg[class^="icon_"], +[class^="containerDefault_"] [class*="iconVisibility_"]:hover [class^="name_"], +[class^="wrapper_"]:hover + > [class^="content_"] + > [class^="mainContent_"] + > [class^="iconContainer_"] + > svg[class^="icon_"] { color: var(--interactive-hover) !important; } -[class*="menu-"] [class^="item-"]:active, -[class*="menu-"] [class^="item-"][class*="focused-"], -[class*="lookFilled-"][class*="colorBrand-"]:not([class*="buttonColor-"]), -[class*="lookFilled-"][class*="colorBrandNew-"]:not([class*="buttonColor-"]), -[style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch-"]), -[class^="slider-"] [class^="bar-"] [class^="barFill-"], -[class^="control-"] - [class^="container-"][style*="background-color: rgb(67, 181, 129);"] { +[class*="menu_"] [class^="item_"]:active, +[class*="menu_"] [class^="item_"][class*="focused_"], +[class*="lookFilled_"][class*="colorBrand_"]:not([class*="buttonColor_"]), +[class*="lookFilled_"][class*="colorBrandNew_"]:not([class*="buttonColor_"]), +[style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch_"]), +[class^="slider_"] [class^="bar_"] [class^="barFill_"], +[class^="control_"] + [class^="container_"][style*="background-color: rgb(67, 181, 129);"] { background-color: var(--accent, var(--brand-new-500)) !important; } [style*="border-color: rgb(114, 137, 218)"], -[class*="lookOutlined-"][class*="colorBrand-"] { +[class*="lookOutlined_"][class*="colorBrand_"] { border-color: var(--accent, var(--brand-new-500)) !important; } -[class*="lookOutlined-"][class*="colorBrand-"], -[class*="colorDefault-"]:not([class*="focused-"]) [class^="checkbox-"], -[class*="colorDefault-"]:not([class*="focused-"]) [class^="radioSelection-"], -[class*="colorDefault-"][class*="focused-"] [class^="check-"] { +[class*="lookOutlined_"][class*="colorBrand_"], +[class*="colorDefault_"]:not([class*="focused_"]) [class^="checkbox_"], +[class*="colorDefault_"]:not([class*="focused_"]) [class^="radioSelection_"], +[class*="colorDefault_"][class*="focused_"] [class^="check_"] { color: var(--accent, var(--brand-new-500)) !important; } -[class*="mentioned-"]:before { +[class*="mentioned_"]:before { background-color: var(--accent, var(--brand-new-500)); } -[class^="slider-"] [class^="bar-"], -[class^="control-"] - [class^="container-"][style*="background-color: rgb(114, 118, 125);"] { +[class^="slider_"] [class^="bar_"], +[class^="control_"] + [class^="container_"][style*="background-color: rgb(114, 118, 125);"] { background-color: var(--background-secondary) !important; } -.mention[class*="wrapper-"] { +.mention[class*="wrapper_"] { color: var(--accent, var(--brand-new-500)); background: rgba(var(--accent-rgb), 0.1); } -.mention[class*="wrapper-"]:hover { +.mention[class*="wrapper_"]:hover { color: #ffffff; 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; } -[class^="mediaBarGrabber-"], -[class^="mediaBarProgress-"], -[class^="mediaBarProgress-"]:after, -[class^="mediaBarProgress-"]:before { +[class^="mediaBarGrabber_"], +[class^="mediaBarProgress_"], +[class^="mediaBarProgress_"]:after, +[class^="mediaBarProgress_"]:before { background-color: var(--accent, var(--brand-new-500)) !important; } -[class^="reaction-"] { +[class^="reaction_"] { background-color: var(--background-secondary); border: none; border-radius: 4px !important; } -[class^="reaction-"]:hover, -[class^="reaction-"][class*="reactionMe-"] { +[class^="reaction_"]:hover, +[class^="reaction_"][class*="reactionMe_"] { background-color: var(--highlight, var(--primary-dark-500)); } -[class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], -[class^="reaction-"]:hover [class*="reactionCount-"] { +[class^="reaction_"][class*="reactionMe_"] [class*="reactionCount_"], +[class^="reaction_"]:hover [class*="reactionCount_"] { color: var(--white-500) !important; } -[class^="reaction-"] [class*="reactionCount-"] { +[class^="reaction_"] [class*="reactionCount_"] { color: var(--text, var(--text-normal)); } -[class*="progressBarHeader-"] > [class^="container-"]:not([class*="checked-"]), -[class^="control-"] > [class^="container-"]:not([class*="checked-"]) { +[class*="progressBarHeader_"] > [class^="container_"]:not([class*="checked_"]), +[class^="control_"] > [class^="container_"]:not([class*="checked_"]) { background-color: var(--highlight) !important; } -[class*="progressBarHeader-"] > [class^="container-"][class*="checked-"], -[class^="control-"] > [class^="container-"][class*="checked-"] { +[class*="progressBarHeader_"] > [class^="container_"][class*="checked_"], +[class^="control_"] > [class^="container_"][class*="checked_"] { 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; } -[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; } -[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; } @@ -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; } -[class^="updateIconForeground-"] { +[class^="updateIconForeground_"] { fill: var(--_color2); } -[class*="tierHeaderLocked-"], -[class*="tierHeaderUnlocked-"] { +[class*="tierHeaderLocked_"], +[class*="tierHeaderUnlocked_"] { background-color: var(--background-secondary) !important; } -[class*="tierAccomplished-"], -[class*="tierCurrent-"], -[class*="tierFirst-"] { +[class*="tierAccomplished_"], +[class*="tierCurrent_"], +[class*="tierFirst_"] { background: var(--_color13) !important; } -[class^="progressWithSubscriptions-"] > svg > g > rect[class^="background-"] { +[class^="progressWithSubscriptions_"] > svg > g > rect[class^="background_"] { color: var(--background-secondary); } -[class^="tierIcon-"], -[class^="unlockedIcon-"], -[class^="progressWithSubscriptions-"] > svg > g > rect[class^="foreground-"] { +[class^="tierIcon_"], +[class^="unlockedIcon_"], +[class^="progressWithSubscriptions_"] > svg > g > rect[class^="foreground_"] { color: var(--_color13) !important; } svg[fill="#FF73FA"] { fill: var(--_color13) !important; } -[class^="activeCircle-"] { +[class^="activeCircle_"] { background-color: var(--_color2) !important; } -[class*="allow-"][class*="selected-"] { +[class*="allow_"][class*="selected_"] { 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; } -[class*="unreadBar-"][class*="mention-"], -[class^="numberBadge-"] { +[class*="unreadBar_"][class*="mention_"], +[class^="numberBadge_"] { 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)); } -a[class^="anchor-"]:not([aria-controls^="popout_"]) { +a[class^="anchor_"]:not([aria-controls^="popout_"]) { 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; } @@ -484,12 +484,12 @@ a[class^="anchor-"]:not([aria-controls^="popout_"]) { background: var(--deprecated-card-bg) !important; } -[class^="markdown-"] [class^="codeInline-"], +[class^="markdown_"] [class^="codeInline_"], code.inline, .hljs { color: var(--_colorFG) !important; } -[class^="markdown-"] code, +[class^="markdown_"] code, .hljs { background: var(--background-secondary) !important; } @@ -636,7 +636,7 @@ code.inline, .hljs-module { color: var(--_colorFG) !important; } -.hljs-ansi-foreground-black [class^="hljs-ansi-background-"], +.hljs-ansi-foreground-black [class^="hljs-ansi-background_"], .hljs-ansi-foreground-black { color: var(--_color0) !important; } @@ -658,7 +658,7 @@ code.inline, .hljs-ansi-foreground-cyan { color: var(--_color6) !important; } -.hljs-ansi-foreground-white [class^="hljs-ansi-background-"], +.hljs-ansi-foreground-white [class^="hljs-ansi-background_"], .hljs-ansi-foreground-white { color: var(--_color7) !important; } diff --git a/modular/pip.css b/modular/pip.css index aa7fbed..29162e1 100644 --- a/modular/pip.css +++ b/modular/pip.css @@ -1,3 +1,3 @@ -[class*="pictureInPicture-"] { +[class*="pictureInPicture_"] { display: none; } diff --git a/modular/scheme/amoled.css b/modular/scheme/amoled.css index 0d555b1..9a19999 100644 --- a/modular/scheme/amoled.css +++ b/modular/scheme/amoled.css @@ -34,11 +34,11 @@ --highlight: #232323; --highlight-rgb: 35, 35, 35; - --status-online: #43b581; - --status-idle: #faa61a; - --status-dnd: #f04747; - --status-offline: #747f8d; - --status-streaming: #593695; + --status-online: #43b581 !important; + --status-idle: #faa61a !important; + --status-dnd: #f04747 !important; + --status-offline: #747f8d !important; + --status-streaming: #593695 !important; --titlebar-color: #060606; } diff --git a/modular/scheme/amora.css b/modular/scheme/amora.css index f7c9c08..10ef839 100644 --- a/modular/scheme/amora.css +++ b/modular/scheme/amora.css @@ -34,11 +34,11 @@ --highlight: #634e75; --highlight-rgb: 99, 78, 117; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color5); - --status-offline: var(--highlight); - --status-streaming: var(--_color4); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color5) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color4) !important; --status-warning-text: var(--primary) !important; } diff --git a/modular/scheme/amora_focus.css b/modular/scheme/amora_focus.css index 7d390df..97218a4 100644 --- a/modular/scheme/amora_focus.css +++ b/modular/scheme/amora_focus.css @@ -36,11 +36,11 @@ --highlight: #5c5c5c; --highlight-rgb: 92, 92, 92; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color5); - --status-offline: var(--highlight); - --status-streaming: var(--_color4); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color5) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color4) !important; --status-warning-text: var(--primary) !important; diff --git a/modular/scheme/annie_dark.css b/modular/scheme/annie_dark.css index 355c2fe..bca498b 100644 --- a/modular/scheme/annie_dark.css +++ b/modular/scheme/annie_dark.css @@ -34,11 +34,11 @@ --highlight: #747474; --highlight-rgb: 116, 116, 116; - --status-online: #43b581; - --status-idle: #faa61a; - --status-dnd: #f04747; - --status-offline: #747f8d; - --status-streaming: #593695; + --status-online: #43b581 !important; + --status-idle: #faa61a !important; + --status-dnd: #f04747 !important; + --status-offline: #747f8d !important; + --status-streaming: #593695 !important; --titlebar-color: var(--tertiary); } diff --git a/modular/scheme/catppuccin_frappe.css b/modular/scheme/catppuccin_frappe.css index 51c73ef..75f327e 100644 --- a/modular/scheme/catppuccin_frappe.css +++ b/modular/scheme/catppuccin_frappe.css @@ -34,11 +34,11 @@ --highlight: #a5adce; --highlight-rgb: 165, 173, 206; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #414559; diff --git a/modular/scheme/catppuccin_macchiato.css b/modular/scheme/catppuccin_macchiato.css index 1457c4e..36c7cd2 100644 --- a/modular/scheme/catppuccin_macchiato.css +++ b/modular/scheme/catppuccin_macchiato.css @@ -34,11 +34,11 @@ --highlight: #a5adcb; --highlight-rgb: 165, 173, 203; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #363a4f; diff --git a/modular/scheme/catppuccin_mocha.css b/modular/scheme/catppuccin_mocha.css index d4c6b07..36937b3 100644 --- a/modular/scheme/catppuccin_mocha.css +++ b/modular/scheme/catppuccin_mocha.css @@ -34,11 +34,11 @@ --highlight: #a6adc8; --highlight-rgb: 166, 173, 200; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #313244; diff --git a/modular/scheme/custom.css b/modular/scheme/custom.css index b7a5944..2a0e610 100644 --- a/modular/scheme/custom.css +++ b/modular/scheme/custom.css @@ -35,11 +35,11 @@ --highlight: var(--xmc-custom-highlight); --highlight-rgb: var(--xmc-custom-highlight-rgb); - --status-online: var(--xmc-custom-status-online); - --status-idle: var(--xmc-custom-status-idle); - --status-dnd: var(--xmc-custom-status-dnd); - --status-offline: var(--xmc-custom-status-offline); - --status-streaming: var(--xmc-custom-status-streaming); + --status-online: var(--xmc-custom-status-online) !important; + --status-idle: var(--xmc-custom-status-idle) !important; + --status-dnd: var(--xmc-custom-status-dnd) !important; + --status-offline: var(--xmc-custom-status-offline) !important; + --status-streaming: var(--xmc-custom-status-streaming) !important; --interactive-hover: var(--xmc-custom-hover) !important; --interactive-active: var(--xmc-custom-active) !important; diff --git a/modular/scheme/everforest.css b/modular/scheme/everforest.css index 6f31a19..8494847 100644 --- a/modular/scheme/everforest.css +++ b/modular/scheme/everforest.css @@ -34,11 +34,11 @@ --highlight: var(--_color0); --highlight-rgb: 122, 132, 120; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--highlight); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color5) !important; --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color15) !important; diff --git a/modular/scheme/gruvbox.css b/modular/scheme/gruvbox.css index d21ab02..05e5c50 100644 --- a/modular/scheme/gruvbox.css +++ b/modular/scheme/gruvbox.css @@ -34,11 +34,11 @@ --highlight: #665c54; --highlight-rgb: 102, 92, 84; - --status-online: var(--_color10); - --status-idle: var(--_color11); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color13); + --status-online: var(--_color10) !important; + --status-idle: var(--_color11) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color13) !important; } #splash { diff --git a/modular/scheme/lovelace.css b/modular/scheme/lovelace.css index 51d85e1..ce161f3 100644 --- a/modular/scheme/lovelace.css +++ b/modular/scheme/lovelace.css @@ -34,11 +34,11 @@ --highlight: var(--_color8); --highlight-rgb: 65, 68, 88; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color9); - --status-offline: var(--highlight); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color9) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color5) !important; --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color7) !important; diff --git a/modular/scheme/nord.css b/modular/scheme/nord.css index c3fdfd3..c76a6ab 100644 --- a/modular/scheme/nord.css +++ b/modular/scheme/nord.css @@ -34,11 +34,11 @@ --highlight: #8fbcbb; --highlight-rgb: 143, 188, 187; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #4c566a; } diff --git a/modular/scheme/source_engine_-_tools.css b/modular/scheme/source_engine_-_tools.css index 80e9e0c..ee937ef 100644 --- a/modular/scheme/source_engine_-_tools.css +++ b/modular/scheme/source_engine_-_tools.css @@ -34,11 +34,11 @@ --highlight: #b5b5b5; --highlight-rgb: 181, 181, 181; - --status-online: var(--_color10); - --status-idle: var(--_color11); - --status-dnd: var(--_color9); - --status-offline: var(--highlight); - --status-streaming: var(--_color5); + --status-online: var(--_color10) !important; + --status-idle: var(--_color11) !important; + --status-dnd: var(--_color9) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color5) !important; --status-danger: var(--red) !important; --interactive-active: var(--white-500) !important; diff --git a/modular/scheme/stock.css b/modular/scheme/stock.css index 8b00dcf..cbaf862 100644 --- a/modular/scheme/stock.css +++ b/modular/scheme/stock.css @@ -34,11 +34,11 @@ --highlight: #72767d; --highlight-rgb: 114, 118, 125; - --status-online: #43b581; - --status-idle: #faa61a; - --status-dnd: #f04747; - --status-offline: #747f8d; - --status-streaming: #593695; + --status-online: #43b581 !important; + --status-idle: #faa61a !important; + --status-dnd: #f04747 !important; + --status-offline: #747f8d !important; + --status-streaming: #593695 !important; --titlebar-color: var(--highlight); } diff --git a/modular/scheme/tokyo_night.css b/modular/scheme/tokyo_night.css index 0403b77..f6425ae 100644 --- a/modular/scheme/tokyo_night.css +++ b/modular/scheme/tokyo_night.css @@ -34,11 +34,11 @@ --highlight: #565f89; --highlight-rgb: 86, 95, 137; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--highlight); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color5) !important; --interactive-hover: var(--_color4) !important; --interactive-active: var(--_color15) !important; diff --git a/modular/scheme/valve.css b/modular/scheme/valve.css index f0c6c9a..a955cbd 100644 --- a/modular/scheme/valve.css +++ b/modular/scheme/valve.css @@ -34,11 +34,11 @@ --highlight: #889180; --highlight-rgb: 137, 145, 130; - --status-online: var(--_color10); - --status-idle: var(--_color11); - --status-dnd: var(--_color9); - --status-offline: var(--highlight); - --status-streaming: var(--_color5); + --status-online: var(--_color10) !important; + --status-idle: var(--_color11) !important; + --status-dnd: var(--_color9) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color5) !important; --status-danger: var(--red) !important; --interactive-active: var(--white-500) !important; diff --git a/modular/scheme/xmc.css b/modular/scheme/xmc.css index 0224bfc..9841dd4 100644 --- a/modular/scheme/xmc.css +++ b/modular/scheme/xmc.css @@ -34,11 +34,11 @@ --highlight: #404040; --highlight-rgb: 64, 64, 64; - --status-online: var(--_color4); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color4) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: var(--accent); } diff --git a/modular/scheme_light/catppuccin_latte.css b/modular/scheme_light/catppuccin_latte.css index c92bb96..2ef32e8 100644 --- a/modular/scheme_light/catppuccin_latte.css +++ b/modular/scheme_light/catppuccin_latte.css @@ -34,11 +34,11 @@ --highlight: #6c6f85; --highlight-rgb: 108, 111, 133; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #414559; diff --git a/modular/scheme_light/gruvbox.css b/modular/scheme_light/gruvbox.css index 1a9709f..f1ef3fd 100644 --- a/modular/scheme_light/gruvbox.css +++ b/modular/scheme_light/gruvbox.css @@ -34,9 +34,9 @@ --highlight: #bdae93; --highlight-rgb: 189, 174, 147; - --status-online: var(--_color10); - --status-idle: var(--_color11); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color13); + --status-online: var(--_color10) !important; + --status-idle: var(--_color11) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color13) !important; } diff --git a/modular/scheme_light/nord.css b/modular/scheme_light/nord.css index 416d582..6812869 100644 --- a/modular/scheme_light/nord.css +++ b/modular/scheme_light/nord.css @@ -34,11 +34,11 @@ --highlight: #8fbcbb; --highlight-rgb: 143, 188, 187; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #4c566a; } diff --git a/modular/scheme_light/stock.css b/modular/scheme_light/stock.css index fec30ac..16ccb1d 100644 --- a/modular/scheme_light/stock.css +++ b/modular/scheme_light/stock.css @@ -34,11 +34,11 @@ --highlight: #72767d; --highlight-rgb: 114, 118, 125; - --status-online: #43b581; - --status-idle: #faa61a; - --status-dnd: #f04747; - --status-offline: #747f8d; - --status-streaming: #593695; + --status-online: #43b581 !important; + --status-idle: #faa61a !important; + --status-dnd: #f04747 !important; + --status-offline: #747f8d !important; + --status-streaming: #593695 !important; --titlebar-color: var(--highlight); diff --git a/modular/scheme_light/xmc.css b/modular/scheme_light/xmc.css index 82ad627..421df19 100644 --- a/modular/scheme_light/xmc.css +++ b/modular/scheme_light/xmc.css @@ -34,11 +34,11 @@ --highlight: #b0aca5; --highlight-rgb: 176, 172, 165; - --status-online: var(--_color4); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color4) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: var(--accent); --interactive-hover: #494949 !important; diff --git a/modular/square_avatars/off.css b/modular/square_avatars/off.css index f31f814..b280ae6 100644 --- a/modular/square_avatars/off.css +++ b/modular/square_avatars/off.css @@ -1,100 +1,100 @@ -[class*="avatar-"], -[class*="avatar-"] [class*="image-"], -[class*="callAvatar-"], -[class*="callAvatar-"] [class*="speaking-"], -[class*="avatarDefault-"], -[class*="avatarSpeaking-"], -[class*="avatar-"] [class*="inner-"], -[class*="callAvatarVoice-"], -[class*="callAvatarWrapper-"] [class*="speaking-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="header-"] - [class*="avatar-"] - [class*="large-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="header-"] - [class*="avatar-"] - [class*="wrapper-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="contents-"] - [class*="avatar-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="wrapper-"] - [class*="contents-"] - [class*="avatar-"], -[class^="messageGroupCozy-"] [class*="contents-"] [class*="avatar-"], -[class*="autocomplete-"] - [class*="autocompleteInner-"] - [class*="autocompleteRow-"] - [class*="content-"] - [class*="wrapper-"], -[class*="guildsWrapper-"] - [class*="guilds-"] - [class*="guild-"] - [class*="guildInner-"], -div[class^="listItem-"] foreignObject img, -div[class^="listItem-"] foreignObject a[class^="button-"], -div[class^="listItem-"] foreignObject [class^="childWrapper-"], -div[class^="listItem-"] foreignObject [class^="folder-"], -div[class^="listItem-"] div[class^="wrapperSimple-"], -[class^="circleIconButton-"], -[class^="avatarContainer-"], -[class^="executedCommandAvatar-"] { +[class*="avatar_"], +[class*="avatar_"] [class*="image_"], +[class*="callAvatar_"], +[class*="callAvatar_"] [class*="speaking_"], +[class*="avatarDefault_"], +[class*="avatarSpeaking_"], +[class*="avatar_"] [class*="inner_"], +[class*="callAvatarVoice_"], +[class*="callAvatarWrapper_"] [class*="speaking_"], +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + [class^="message_"] + [class*="header_"] + [class*="avatar_"] + [class*="large_"], +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + [class^="message_"] + [class*="header_"] + [class*="avatar_"] + [class*="wrapper_"], +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + [class^="message_"] + [class*="contents_"] + [class*="avatar_"], +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + [class^="wrapper_"] + [class*="contents_"] + [class*="avatar_"], +[class^="messageGroupCozy_"] [class*="contents_"] [class*="avatar_"], +[class*="autocomplete_"] + [class*="autocompleteInner_"] + [class*="autocompleteRow_"] + [class*="content_"] + [class*="wrapper_"], +[class*="guildsWrapper_"] + [class*="guilds_"] + [class*="guild_"] + [class*="guildInner_"], +div[class^="listItem_"] foreignObject img, +div[class^="listItem_"] foreignObject a[class^="button_"], +div[class^="listItem_"] foreignObject [class^="childWrapper_"], +div[class^="listItem_"] foreignObject [class^="folder_"], +div[class^="listItem_"] div[class^="wrapperSimple_"], +[class^="circleIconButton_"], +[class^="avatarContainer_"], +[class^="executedCommandAvatar_"] { border-radius: 50% !important; } -div[class^="listItem-"] foreignObject img, -div[class^="listItem-"] foreignObject [class*="selected-"] > img, -div[class^="listItem-"] foreignObject [class^="childWrapper-"], -div[class^="listItem-"] +div[class^="listItem_"] foreignObject img, +div[class^="listItem_"] foreignObject [class*="selected_"] > img, +div[class^="listItem_"] foreignObject [class^="childWrapper_"], +div[class^="listItem_"] foreignObject - [class*="selected-"] - > [class^="childWrapper-"] { + [class*="selected_"] + > [class^="childWrapper_"] { transition: border-radius 0.35s ease; } -div[class^="listItem-"] foreignObject [class*="selected-"] > img, -div[class^="listItem-"] +div[class^="listItem_"] foreignObject [class*="selected_"] > img, +div[class^="listItem_"] foreignObject - [class*="selected-"] - > [class^="childWrapper-"] { + [class*="selected_"] + > [class^="childWrapper_"] { border-radius: 20% !important; } -[class^="folderIconWrapper-"] - > [class^="closedFolderIconWrapper-"] - > [class^="icon-"] { +[class^="folderIconWrapper_"] + > [class^="closedFolderIconWrapper_"] + > [class^="icon_"] { border-radius: 50% !important; } -[class*="avatarMasked-"], -[class*="maskProfile-"], -[class*="mask-"], -[class*="avatar-"] svg[class*="mask-"] > foreignObject, -[class*="avatarWrapper-"] svg[class*="mask-"] > foreignObject, -[class*="avatarHint-"] > foreignObject, -[class*="wrapper-"] svg[class*="mask-"] > foreignObject, -[class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject, -div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, -[class^="bannerSVGWrapper-"] > foreignObject, -[class^="avatarDecoration-"] > foreignObject { +[class*="avatarMasked_"], +[class*="maskProfile_"], +[class*="mask_"], +[class*="avatar_"] svg[class*="mask_"] > foreignObject, +[class*="avatarWrapper_"] svg[class*="mask_"] > foreignObject, +[class*="avatarHint_"] > foreignObject, +[class*="wrapper_"] svg[class*="mask_"] > foreignObject, +[class*="callAvatarWrapper_"] svg[class*="callAvatarMask_"] > foreignObject, +div[class^="listItem_"] [class^="wrapper_"] > svg > foreignObject, +[class^="bannerSVGWrapper_"] > foreignObject, +[class^="avatarDecoration_"] > foreignObject { mask: none !important; mask-image: none !important; -webkit-mask-image: none !important; } -[class*="avatarHint-"], -[class*="avatarNormal-"], -[class*="avatarWrapper-"] [class*="wrapper-"], -[class*="avatarWrapper-"] [class*="image-"], -[class*="replyAvatar-"] { +[class*="avatarHint_"], +[class*="avatarNormal_"], +[class*="avatarWrapper_"] [class*="wrapper_"], +[class*="avatarWrapper_"] [class*="image_"], +[class*="replyAvatar_"] { border: none; border-radius: 10% !important; } diff --git a/modular/square_avatars/on.css b/modular/square_avatars/on.css index 7cc70c1..f819874 100644 --- a/modular/square_avatars/on.css +++ b/modular/square_avatars/on.css @@ -1,102 +1,102 @@ -[class*="avatar-"], -[class*="avatar-"] [class*="image-"], -[class*="callAvatar-"], -[class*="callAvatar-"] [class*="speaking-"], -[class*="avatarDefault-"], -[class*="avatarSpeaking-"], -[class*="avatar-"] [class*="inner-"], -[class*="callAvatarVoice-"], -[class*="callAvatarWrapper-"] [class*="speaking-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="header-"] - [class*="avatar-"] - [class*="large-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="header-"] - [class*="avatar-"] - [class*="wrapper-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="contents-"] - [class*="avatar-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="wrapper-"] - [class*="contents-"] - [class*="avatar-"], -[class^="messageGroupCozy-"] [class*="contents-"] [class*="avatar-"], -[class*="autocomplete-"] - [class*="autocompleteInner-"] - [class*="autocompleteRow-"] - [class*="content-"] - [class*="wrapper-"], -[class*="guildsWrapper-"] - [class*="guilds-"] - [class*="guild-"] - [class*="guildInner-"], -div[class^="listItem-"] foreignObject img, -div[class^="listItem-"] foreignObject a[class^="button-"], -div[class^="listItem-"] foreignObject [class^="childWrapper-"], -div[class^="listItem-"] foreignObject [class^="folder-"], -div[class^="listItem-"] div[class^="wrapperSimple-"], -[class^="circleIconButton-"], -[class^="folderIconWrapper-"], -[class^="avatarContainer-"], -[class^="executedCommandAvatar-"] { +[class*="avatar_"], +[class*="avatar_"] [class*="image_"], +[class*="callAvatar_"], +[class*="callAvatar_"] [class*="speaking_"], +[class*="avatarDefault_"], +[class*="avatarSpeaking_"], +[class*="avatar_"] [class*="inner_"], +[class*="callAvatarVoice_"], +[class*="callAvatarWrapper_"] [class*="speaking_"], +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + [class^="message_"] + [class*="header_"] + [class*="avatar_"] + [class*="large_"], +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + [class^="message_"] + [class*="header_"] + [class*="avatar_"] + [class*="wrapper_"], +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + [class^="message_"] + [class*="contents_"] + [class*="avatar_"], +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + [class^="wrapper_"] + [class*="contents_"] + [class*="avatar_"], +[class^="messageGroupCozy_"] [class*="contents_"] [class*="avatar_"], +[class*="autocomplete_"] + [class*="autocompleteInner_"] + [class*="autocompleteRow_"] + [class*="content_"] + [class*="wrapper_"], +[class*="guildsWrapper_"] + [class*="guilds_"] + [class*="guild_"] + [class*="guildInner_"], +div[class^="listItem_"] foreignObject img, +div[class^="listItem_"] foreignObject a[class^="button_"], +div[class^="listItem_"] foreignObject [class^="childWrapper_"], +div[class^="listItem_"] foreignObject [class^="folder_"], +div[class^="listItem_"] div[class^="wrapperSimple_"], +[class^="circleIconButton_"], +[class^="folderIconWrapper_"], +[class^="avatarContainer_"], +[class^="executedCommandAvatar_"] { border-radius: 10% !important; } -[class^="folderIconWrapper-"] - > [class^="closedFolderIconWrapper-"] - > [class^="icon-"] { +[class^="folderIconWrapper_"] + > [class^="closedFolderIconWrapper_"] + > [class^="icon_"] { border-radius: 6px !important; } -[class*="avatarMasked-"], -[class*="maskProfile-"], -[class*="mask-"], -[class*="avatar-"] svg[class*="mask-"] > foreignObject, -[class*="avatarWrapper-"] svg[class*="mask-"] > foreignObject, -[class*="avatarHint-"] > foreignObject, -[class*="wrapper-"] svg[class*="mask-"] > foreignObject, -[class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject, -div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, -[class^="bannerSVGWrapper-"] > foreignObject, -[class^="avatarDecoration-"] > foreignObject { +[class*="avatarMasked_"], +[class*="maskProfile_"], +[class*="mask_"], +[class*="avatar_"] svg[class*="mask_"] > foreignObject, +[class*="avatarWrapper_"] svg[class*="mask_"] > foreignObject, +[class*="avatarHint_"] > foreignObject, +[class*="wrapper_"] svg[class*="mask_"] > foreignObject, +[class*="callAvatarWrapper_"] svg[class*="callAvatarMask_"] > foreignObject, +div[class^="listItem_"] [class^="wrapper_"] > svg > foreignObject, +[class^="bannerSVGWrapper_"] > foreignObject, +[class^="avatarDecoration_"] > foreignObject { mask: none !important; mask-image: none !important; -webkit-mask-image: none !important; } -[class*="avatarHint-"], -[class*="avatarNormal-"], -[class*="avatarWrapper-"] [class*="wrapper-"], -[class*="avatarWrapper-"] [class*="image-"], -[class*="replyAvatar-"] { +[class*="avatarHint_"], +[class*="avatarNormal_"], +[class*="avatarWrapper_"] [class*="wrapper_"], +[class*="avatarWrapper_"] [class*="image_"], +[class*="replyAvatar_"] { border: none; border-radius: 10% !important; } -[class^="userPopout-"] [class*="avatarWrapper-"] > [class^="avatarHint-"] { +[class^="userPopout_"] [class*="avatarWrapper_"] > [class^="avatarHint_"] { display: none; } -[class^="userPopout-"] - [class*="avatarWrapper-"] - > [class^="avatar-"] +[class^="userPopout_"] + [class*="avatarWrapper_"] + > [class^="avatar_"] > svg > foreignObject { x: 8px; } -[class^="userPopout-"] - [class*="avatarWrapper-"] - > [class^="avatar-"] +[class^="userPopout_"] + [class*="avatarWrapper_"] + > [class^="avatar_"] > svg > rect { x: 0; @@ -106,11 +106,11 @@ div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, mask: none !important; } -[class^="accountProfileCard-"] [class^="avatar-"] { +[class^="accountProfileCard_"] [class^="avatar_"] { border: 0; background-color: transparent; } -[class^="numberBadge-"] { +[class^="numberBadge_"] { border-radius: 4px !important; } diff --git a/modular/status_icons.css b/modular/status_icons.css index fbc65b2..ce0ad4b 100644 --- a/modular/status_icons.css +++ b/modular/status_icons.css @@ -1,145 +1,145 @@ -[class^="member-"] [class^="avatar-"] [class*="wrapper-"] > svg, -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] [class^="avatar_"] [class*="wrapper_"] > svg, +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"], -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] + > svg[class^="cursorDefault_"], +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"], -[class^="channel-"] [class^="avatar-"] [class*="wrapper-"] > svg, -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"], +[class^="channel_"] [class^="avatar_"] [class*="wrapper_"] > svg, +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"], -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] + > svg[class^="cursorDefault_"], +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"], -[class^="autocompleteRowIcon-"] > [class^="wrapper-"] > svg, -[class^="userInfo-"] [class^="avatar-"] > svg, -[class^="panels-"] [class*="avatar-"] > svg > svg, -[class^="modal-"] > [class^="inner-"] [class^="avatar-"] > svg, -[class^="focusLock-"][aria-modal="true"] - > [class^="root-"] - [class^="avatar-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"], +[class^="autocompleteRowIcon_"] > [class^="wrapper_"] > svg, +[class^="userInfo_"] [class^="avatar_"] > svg, +[class^="panels_"] [class*="avatar_"] > svg > svg, +[class^="modal_"] > [class^="inner_"] [class^="avatar_"] > svg, +[class^="focusLock_"][aria-modal="true"] + > [class^="root_"] + [class^="avatar_"] > svg, -[class^="userPopoutInner-"] - [class^="avatarHoverTarget-"] - > [class^="wrapper-"] +[class^="userPopoutInner_"] + [class^="avatarHoverTarget_"] + > [class^="wrapper_"] > svg { overflow: visible; contain: none !important; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] + > svg[class^="cursorDefault_"] > rect, -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] + > svg[class^="cursorDefault_"] > rect, -[class^="modal-"] - > [class^="inner-"] - [class^="avatar-"] +[class^="modal_"] + > [class^="inner_"] + [class^="avatar_"] > svg - > svg[class^="cursorDefault-"] + > svg[class^="cursorDefault_"] > rect { x: -18.5; y: -17; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle, -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle { cx: -20.1; r: 1.5; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(1), -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(1) { cy: -16; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(2), -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(2) { cy: -8; } -[class^="member-"] - [class^="avatar-"] - [class^="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class^="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(3), -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(3) { cy: 0; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] + > svg[class^="cursorDefault_"] > rect[fill^="var(--status-"], -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] + > svg[class^="cursorDefault_"] > rect[fill^="#"] { mask: none !important; x: -18.5; @@ -148,8 +148,8 @@ height: 32px; } -[class^="panels-"] - [class*="avatar-"] +[class^="panels_"] + [class*="avatar_"] > svg > rect[mask^="url(#svg-mask-status"] { mask: none !important; @@ -158,8 +158,8 @@ width: 4px; height: 32px; } -[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^="var(--status-"], +[class^="panels_"] [class*="avatar_"] > svg > svg > rect[fill^="#"] { mask: none !important; x: 17.5; y: -17; @@ -167,14 +167,14 @@ height: 32px; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg rect[mask^="url(#svg-mask-status-"], -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg rect[mask^="url(#svg-mask-status-"] { mask: none !important; @@ -184,8 +184,8 @@ y: 0; } -[class^="autocompleteRowIcon-"] - > [class^="wrapper-"] +[class^="autocompleteRowIcon_"] + > [class^="wrapper_"] > svg rect[mask^="url(#svg-mask-status-"] { mask: none !important; @@ -195,8 +195,8 @@ y: 0; } -[class^="userInfo-"] - [class^="avatar-"] +[class^="userInfo_"] + [class^="avatar_"] > svg rect[mask^="url(#svg-mask-status-"] { mask: none !important; @@ -206,9 +206,9 @@ y: 0; } -[class^="userProfileModalInner-"] - [class^="header-"] - [class*="avatar-"] +[class^="userProfileModalInner_"] + [class^="header_"] + [class*="avatar_"] > svg rect[mask^="url(#svg-mask-status-"] { mask: none !important; @@ -218,36 +218,36 @@ y: 0; } -[class^="userPopoutInner-"] - [class^="avatarHoverTarget-"] - > [class^="wrapper-"] +[class^="userPopoutInner_"] + [class^="avatarHoverTarget_"] + > [class^="wrapper_"] > svg circle, -[class^="userPopoutInner-"] - [class^="avatarHoverTarget-"] - > [class^="wrapper-"] +[class^="userPopoutInner_"] + [class^="avatarHoverTarget_"] + > [class^="wrapper_"] > svg > rect[fill="black"], -[class^="userProfileModalInner-"] - [class^="header-"] - [class^="wrapper-"] +[class^="userProfileModalInner_"] + [class^="header_"] + [class^="wrapper_"] > svg circle, -[class^="userProfileModalInner-"] - [class^="header-"] - [class^="wrapper-"] +[class^="userProfileModalInner_"] + [class^="header_"] + [class^="wrapper_"] > svg > rect[fill="black"] { display: none; } -[class^="accountProfileCard-"] - [class*="avatar-"] +[class^="accountProfileCard_"] + [class*="avatar_"] > svg rect[mask^="url(#svg-mask-status-"], -[class^="userPopoutInner-"] - [class^="avatarHoverTarget-"] - > [class^="wrapper-"] +[class^="userPopoutInner_"] + [class^="avatarHoverTarget_"] + > [class^="wrapper_"] > svg rect[mask^="url(#svg-mask-status-"] { mask: none !important; diff --git a/modular/stylings/windows_classic.css b/modular/stylings/windows_classic.css index fd52594..86537f0 100644 --- a/modular/stylings/windows_classic.css +++ b/modular/stylings/windows_classic.css @@ -25,111 +25,108 @@ inset 2px 2px 0 0 var(--wc-bright, var(--highlight)); } -[class*="button-"][class*="lookFilled-"], -section[class^="panels-"] - [class^="container-"] - [class^="flex-"] - button[class^="button-"], -[class^="toolbar-"] [class*="iconWrapper-"] { +[class*="button_"][class*="lookFilled_"], +section[class^="panels_"] + [class^="container_"] + [class^="flex_"] + button[class^="button_"], +[class^="toolbar_"] [class*="iconWrapper_"] { border-radius: 0; box-shadow: var(--wc-outer-edge) !important; } -[class*="button-"][class*="lookFilled-"]:active, -section[class^="panels-"] - [class^="container-"] - [class^="flex-"] - button[class^="button-"]:active { +[class*="button_"][class*="lookFilled_"]:active, +section[class^="panels_"] + [class^="container_"] + [class^="flex_"] + button[class^="button_"]:active { box-shadow: var(--wc-inner-edge) !important; } -[class*="button-"][class*="lookFilled-"]:not([class*="color"]), -[class^="toolbar-"] [class*="iconWrapper-"] { +[class*="button_"][class*="lookFilled_"]:not([class*="color"]), +[class^="toolbar_"] [class*="iconWrapper_"] { background-color: var(--primary); } -[class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"] { +[class^="chat_"] > [class^="content_"] [class^="membersWrap_"] { padding: 2px; box-shadow: var(--wc-inner-edge); height: calc(100% - 4px); max-height: calc(100% - 4px); } -[class^="messagesWrapper-"], -[class*="guilds-"], -[class^="sidebar-"] > nav > [class^="scroller-"] { +[class^="messagesWrapper_"], +[class*="guilds_"], +[class^="sidebar_"] > nav > [class^="scroller_"] { padding: 2px; box-shadow: var(--wc-inner-edge); } -[class^="chat-"] > [class^="content-"] > [class^="container-"], -[class^="chat-"] > [class^="content-"] > [class^="chatContent-"], -[class^="standardSidebarView-"] > [class^="contentRegion-"] { +[class^="chat_"] > [class^="content_"] > [class^="container_"], +[class^="chat_"] > [class^="content_"] > [class^="chatContent_"], +[class^="standardSidebarView_"] > [class^="contentRegion_"] { margin-left: 2px; } -[class^="channelTextArea-"] > [class^="scrollableContainer-"], -[class^="chat-"] - [class^="toolbar-"] - > [class^="search-"] - > [class^="search-"] - > [class^="searchBar-"] { +[class^="channelTextArea_"] > [class^="scrollableContainer_"], +[class^="chat_"] + [class^="toolbar_"] + > [class^="search_"] + > [class^="search_"] + > [class^="searchBar_"] { box-shadow: var(--wc-inner-edge); border-radius: 0; } -[class^="chat-"] > [class^="content-"]:before { +[class^="chat_"] > [class^="content_"]:before { display: none !important; } -[class^="standardSidebarView-"] - > [class^="sidebarRegion-"] - > [class^="sidebarRegionScroller-"], -[class^="standardSidebarView-"] - > [class^="contentRegion-"] - [class^="contentTransitionWrap-"] { +[class^="standardSidebarView_"] + > [class^="sidebarRegion_"] + > [class^="sidebarRegionScroller_"], +[class^="standardSidebarView_"] + > [class^="contentRegion_"] + [class^="contentTransitionWrap_"] { padding: 2px; box-shadow: var(--wc-inner-edge); } -[class^="standardSidebarView-"] > [class^="contentRegion-"], -[class^="standardSidebarView-"] > [class^="sidebarRegion-"] { +[class^="standardSidebarView_"] > [class^="contentRegion_"], +[class^="standardSidebarView_"] > [class^="sidebarRegion_"] { margin-top: 2px; } -[class^="standardSidebarView-"] - > [class^="contentRegion-"] - [class^="contentTransitionWrap-"] { +[class^="standardSidebarView_"] + > [class^="contentRegion_"] + [class^="contentTransitionWrap_"] { height: calc(100% - 4px); } -div[class^="sidebar-"] { +div[class^="sidebar_"] { border-left: 2px solid var(--primary); } -[class*="guilds-"] [class^="guildSeparator-"] { +[class*="guilds_"] [class^="guildSeparator_"] { height: 0; border-bottom: 1px solid var(--wc-bright, var(--highlight)); border-top: 1px solid var(--secondary); border-radius: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 48px; width: 240px; @@ -143,114 +140,114 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - [class^="bannerImg-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + [class^="bannerImg_"] { top: -67px; position: relative; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="scroller_"] > ul > div[style="height: 84px;"] { height: 0 !important; } -[class*="menu-"] { - border-radius: 0; +[class*="menu_"] { + border-radius: 0 !important; padding: 2px; - box-shadow: var(--wc-frame); + box-shadow: var(--wc-frame) !important; } -[class*="menu-"] > [class^="scroller-"] { +[class*="menu_"] > [class^="scroller_"] { padding: 1px 1px 4px 1px !important; margin-right: -4px; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"] { +[class*="menu_"] > [class^="scroller_"] [class^="item_"] { border-radius: 0 !important; margin: 1px 0; padding: 0 2px !important; } -[class*="menu-"] - > [class^="scroller-"] - [class^="customItem-"][id^="message-quickreact-"] - > [class^="button-"] { +[class*="menu_"] + > [class^="scroller_"] + [class^="customItem_"][id^="message-quickreact-"] + > [class^="button_"] { border-radius: 0 !important; box-shadow: var(--wc-outer-edge); } -[class*="menu-"] [class^="scroller-"] [class^="separator-"] { +[class*="menu_"] [class^="scroller_"] [class^="separator_"] { margin: 4px 1px; border-bottom: 1px solid var(--wc-bright, var(--highlight)); border-top: 1px solid var(--secondary); } -[class*="menu-"] > [class^="scroller-"] [class^="item-"] { +[class*="menu_"] > [class^="scroller_"] [class^="item_"] { min-height: 16px !important; font-size: 12px; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"]:not( - :has(> [class^="iconContainer-"] > [class^="icon-"]) - ):not(:has(> [class^="iconContainerLeft-"])) { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"]:not( + :has(> [class^="iconContainer_"] > [class^="icon_"]) + ):not(:has(> [class^="iconContainerLeft_"])) { padding-inline-start: 20px !important; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"]:has(> [class^="iconContainer-"] > [class^="icon-"]) { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"]:has(> [class^="iconContainer_"] > [class^="icon_"]) { flex-direction: row-reverse; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"] - > [class^="iconContainer-"]:has(> [class^="icon-"]), -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"] - > [class^="iconContainerLeft-"] { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"] + > [class^="iconContainer_"]:has(> [class^="icon_"]), +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"] + > [class^="iconContainerLeft_"] { margin-left: 0; margin-right: 2px; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"] - > [class^="label-"] - > [class^="subtext-"] { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"] + > [class^="label_"] + > [class^="subtext_"] { line-height: 12px; margin-top: 0; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"] - > [class^="iconContainer-"], -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"] - > [class^="iconContainer-"] +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"] + > [class^="iconContainer_"], +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"] + > [class^="iconContainer_"] > svg { width: 16px; height: 16px; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"] - > [class^="hintContainer-"] { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"] + > [class^="hintContainer_"] { margin-right: 18px; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][aria-haspopup="true"] - > [class^="iconContainer-"] - > [class^="caret-"] { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][aria-haspopup="true"] + > [class^="iconContainer_"] + > [class^="caret_"] { display: none; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][aria-haspopup="true"] - > [class^="iconContainer-"]:before { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][aria-haspopup="true"] + > [class^="iconContainer_"]:before { content: ""; position: absolute; right: -2px; @@ -265,17 +262,17 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][role="menuitemcheckbox"] - > [class^="iconContainer-"] - > svg[class^="icon-"] { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][role="menuitemcheckbox"] + > [class^="iconContainer_"] + > svg[class^="icon_"] { display: none; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][role="menuitemcheckbox"][aria-checked="true"] - > [class^="iconContainer-"]:before { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][role="menuitemcheckbox"][aria-checked="true"] + > [class^="iconContainer_"]:before { content: ""; position: absolute; right: 0px; @@ -290,17 +287,17 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][role="menuitemradio"] - > [class^="iconContainer-"] - > svg[class^="icon-"] { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][role="menuitemradio"] + > [class^="iconContainer_"] + > svg[class^="icon_"] { display: none; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][role="menuitemradio"][aria-checked="true"] - > [class^="iconContainer-"]:before { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][role="menuitemradio"][aria-checked="true"] + > [class^="iconContainer_"]:before { content: ""; position: absolute; right: -1px; @@ -315,47 +312,47 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][aria-haspopup="true"]:hover - > [class^="iconContainer-"]:before, -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][role="menuitemcheckbox"][aria-checked="true"]:hover - > [class^="iconContainer-"]:before, -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][role="menuitemradio"][aria-checked="true"]:hover - > [class^="iconContainer-"]:before { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][aria-haspopup="true"]:hover + > [class^="iconContainer_"]:before, +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][role="menuitemcheckbox"][aria-checked="true"]:hover + > [class^="iconContainer_"]:before, +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][role="menuitemradio"][aria-checked="true"]:hover + > [class^="iconContainer_"]:before { background-color: white; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][aria-disabled="true"] - > [class^="label-"], -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"][aria-disabled="true"] - > [class^="label-"] - > [class^="subtext-"] { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][aria-disabled="true"] + > [class^="label_"], +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"][aria-disabled="true"] + > [class^="label_"] + > [class^="subtext_"] { color: var(--secondary); 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; } -[class^="submenuPaddingContainer-"] { +[class^="submenuPaddingContainer_"] { padding: 0; margin: -4px; } -[class*="menu-"] - > [class^="scroller-"] - [class^="item-"] - > [class^="label-"] - > [class^="roleRow-"] - > [class^="roleCircle-"] { +[class*="menu_"] + > [class^="scroller_"] + [class^="item_"] + > [class^="label_"] + > [class^="roleRow_"] + > [class^="roleCircle_"] { width: 12px; height: 12px; border-radius: 0; @@ -365,87 +362,87 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) margin-right: 2px; } -[class^="scroller-"]:not([class*="none-"]):not([class*="thin-"]):not( - :not(:hover)[class*="fade-"] +[class^="scroller_"]:not([class*="none_"]):not([class*="thin_"]):not( + :not(:hover)[class*="fade_"] )::-webkit-scrollbar, -[class*="scrollerBase-"]:not([class*="none-"]):not([class*="thin-"]):not( - :not(:hover)[class*="fade-"] +[class*="scrollerBase_"]:not([class*="none_"]):not([class*="thin_"]):not( + :not(:hover)[class*="fade_"] )::-webkit-scrollbar { min-width: 16px; width: 16px; } -[class^="scroller-"]:not([class*="thin-"])::-webkit-scrollbar-track, -[class*="scrollerBase-"]:not([class*="thin-"])::-webkit-scrollbar-track { +[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-track, +[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-track { background-color: var(--wc-bright, var(--highlight)); border: none; border-radius: 0; margin: 0; } -[class^="scroller-"]::-webkit-scrollbar-thumb, -[class*="scrollerBase-"]::-webkit-scrollbar-thumb, -[class^="scroller-"]:not( - [class*="thin-"] +[class^="scroller_"]::-webkit-scrollbar-thumb, +[class*="scrollerBase_"]::-webkit-scrollbar-thumb, +[class^="scroller_"]:not( + [class*="thin_"] )::-webkit-scrollbar-button:single-button, -[class*="scrollerBase-"]:not( - [class*="thin-"] +[class*="scrollerBase_"]:not( + [class*="thin_"] )::-webkit-scrollbar-button:single-button { - border-radius: 0; - background: var(--primary); + border-radius: 0 !important; + background: var(--primary) !important; box-shadow: var(--wc-frame); - border: none; + border: none !important; } -[class^="scroller-"][class*="fade-"]:not( - [class*="thin-"] +[class^="scroller_"][class*="fade_"]:not( + [class*="thin_"] )::-webkit-scrollbar-button:single-button, -[class*="scrollerBase-"][class*="fade-"]:not( - [class*="thin-"] +[class*="scrollerBase_"][class*="fade_"]:not( + [class*="thin_"] )::-webkit-scrollbar-button:single-button { visibility: hidden; } -[class^="scroller-"][class*="fade-"]:not( - [class*="thin-"] +[class^="scroller_"][class*="fade_"]:not( + [class*="thin_"] ):hover::-webkit-scrollbar-button:single-button, -[class*="scrollerBase-"][class*="fade-"]:not( - [class*="thin-"] +[class*="scrollerBase_"][class*="fade_"]:not( + [class*="thin_"] ):hover::-webkit-scrollbar-button:single-button { visibility: visible; } -[class^="scroller-"]::-webkit-scrollbar-button:single-button:active, -[class*="scrollerBase-"]::-webkit-scrollbar-button:single-button:active { +[class^="scroller_"]::-webkit-scrollbar-button:single-button:active, +[class*="scrollerBase_"]::-webkit-scrollbar-button:single-button:active { box-shadow: inset 1px 1px var(--secondary), inset -1px -1px var(--secondary); } -[class^="scroller-"]:not( - [class*="thin-"] +[class^="scroller_"]:not( + [class*="thin_"] )::-webkit-scrollbar-button:single-button:vertical:decrement, -[class*="scrollerBase-"]:not( - [class*="thin-"] +[class*="scrollerBase_"]:not( + [class*="thin_"] )::-webkit-scrollbar-button:single-button:vertical:decrement { background-repeat: no-repeat !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB5PSI4IiB4PSIzIiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHg9IjQiIHk9IjciIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeT0iNiIgeD0iNSIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB5PSI1IiB4PSI2IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important; background-position: center center !important; } -[class^="scroller-"]:not( - [class*="thin-"] +[class^="scroller_"]:not( + [class*="thin_"] )::-webkit-scrollbar-button:single-button:vertical:increment, -[class*="scrollerBase-"]:not( - [class*="thin-"] +[class*="scrollerBase_"]:not( + [class*="thin_"] )::-webkit-scrollbar-button:single-button:vertical:increment { background-repeat: no-repeat !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB4PSIzIiB5PSI1IiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHk9IjYiIHg9IjQiIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeD0iNSIgeT0iNyIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4PSI2IiB5PSI4IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important; background-position: center center !important; } -[class^="scroller-"]::-webkit-scrollbar-button:single-button, -[class*="scrollerBase-"]::-webkit-scrollbar-button:single-button { +[class^="scroller_"]::-webkit-scrollbar-button:single-button, +[class*="scrollerBase_"]::-webkit-scrollbar-button:single-button { } -[class^="scroller-"]:not( - [class*="thin-"] +[class^="scroller_"]:not( + [class*="thin_"] )::-webkit-scrollbar-button:single-button:vertical:decrement, -[class*="scrollerBase-"]:not( - [class*="thin-"] +[class*="scrollerBase_"]:not( + [class*="thin_"] )::-webkit-scrollbar-button:single-button:vertical:decrement { border-width: 0 8px 8px 8px; border-color: transparent transparent var(--text) transparent; @@ -453,98 +450,98 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) .postnet-expanded-category, .postnet-repo-wrapper, -[class^="inner-"]:has(> input), -[class^="inputWrapper-"] > [class*="input-"], -[class^="colorSwatch-"] > [class^="swatch-"][aria-expanded="true"] { +[class^="inner_"]:has(> input), +[class^="inputWrapper_"] > [class*="input_"], +[class^="colorSwatch_"] > [class^="swatch_"][aria-expanded="true"] { border: none !important; border-radius: 0 !important; box-shadow: var(--wc-inner-edge); } -[class^="colorSwatch-"] > [class^="swatch-"] { +[class^="colorSwatch_"] > [class^="swatch_"] { border: none !important; border-radius: 0 !important; box-shadow: var(--wc-outer-edge); } -[class^="inputWrapper-"] > [class*="input-"] { +[class^="inputWrapper_"] > [class*="input_"] { padding: 2px 2px 2px 4px; height: 22px; } -[class^="select-"][class*="lookFilled-"] { +[class^="select_"][class*="lookFilled_"] { border: none !important; border-radius: 0 !important; box-shadow: var(--wc-inner-edge); padding: 2px 2px 2px 4px; } -[class^="select-"][class*="lookFilled-"] > [class^="icons-"] { +[class^="select_"][class*="lookFilled_"] > [class^="icons_"] { margin: 2px; } -[class^="select-"][class*="lookFilled-"] > [class^="icons-"] > svg { +[class^="select_"][class*="lookFilled_"] > [class^="icons_"] > svg { background: var(--primary); box-shadow: var(--wc-outer-edge); width: 16px; height: 16px; } -[class^="select-"][class*="lookFilled-"][class*="open-"] - > [class^="icons-"] +[class^="select_"][class*="lookFilled_"][class*="open_"] + > [class^="icons_"] > svg { box-shadow: var(--wc-inner-edge); } -[class^="popout-"][role="listbox"] > [class^="option-"] { +[class^="popout_"][role="listbox"] > [class^="option_"] { padding: 2px 2px 2px 4px; margin: 2px 0; } -[class^="popout-"][role="listbox"] > [class^="option-"]:hover { +[class^="popout_"][role="listbox"] > [class^="option_"]:hover { background-color: var(--accent); } -[class^="userPopoutOuter-"] { +[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-"] { +[class^="userPopoutOuter_"] > [class^="userPopoutInner_"], +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class^="userPopoutOverlayBackground_"] { background: transparent; } -[class^="userPopoutOuter-"] > [class^="userPopoutInner-"]:before { +[class^="userPopoutOuter_"] > [class^="userPopoutInner_"]:before { display: none; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class*="avatarWrapper-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class*="avatarWrapper_"] { top: 26px; left: 8px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class*="avatarWrapper-"] - > [class^="avatarHoverTarget-"] - > [class^="wrapper-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class*="avatarWrapper_"] + > [class^="avatarHoverTarget_"] + > [class^="wrapper_"] { width: 56px !important; height: 56px !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class*="avatarWrapper-"] - [class*="avatarHint-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class*="avatarWrapper_"] + [class*="avatarHint_"] { width: 48px !important; height: 48px !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class*="avatarWrapper-"] - > [class^="avatarHoverTarget-"] - > [class^="wrapper-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class*="avatarWrapper_"] + > [class^="avatarHoverTarget_"] + > [class^="wrapper_"] > svg { width: 55px !important; height: 55px !important; } -[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"]:after { +[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"]:after { position: absolute; top: 2px; left: 2px; @@ -557,20 +554,20 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) var(--profile-gradient-secondary-color) ); } -[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] - > [class^="userPopoutInner-"] - [class^="banner-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"] + > [class^="userPopoutInner_"] + [class^="banner_"] { height: 18px !important; } -[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] - [class^="banner-"] { +[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 { +[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"] + [class^="banner_"]:after { content: ""; background: linear-gradient(to bottom, transparent 32px, var(--primary) 64px); width: 340px; @@ -579,98 +576,98 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) top: 19px; left: 0; } -[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] - [class^="banner-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"] + [class^="banner_"] { display: none; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class^="userPopoutOverlayBackground-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class^="userPopoutOverlayBackground_"] { margin: 0 !important; overflow: visible; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] - > [class^="userPopoutOverlayBackground-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"] + > [class^="userPopoutOverlayBackground_"] { margin-top: -72px !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] - > [class^="userPopoutOverlayBackground-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"] + > [class^="userPopoutOverlayBackground_"] { margin-top: -48px !important; } -[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] - > [class^="userPopoutInner-"] - > [class^="userPopoutOverlayBackground-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"] + > [class^="userPopoutInner_"] + > [class^="userPopoutOverlayBackground_"] { margin-top: -78px !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] - [class*="usernameSection-"] { +[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-"] { +[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-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] { padding: 0 !important; position: absolute; top: -54px; left: 64px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] > div { display: flex; flex-direction: row !important; align-items: center; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] > div - > [class^="userText-"] + > [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-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] + [class^="userText_"] > div - > [class*="userTag-"] { + > [class*="userTag_"] { line-height: 16px; width: max-content; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] - [class^="userText-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] + [class^="userText_"] > div - > [class*="userTag-"] + > [class*="userTag_"] > span { text-shadow: 1px 1px 0 var(--primary); font-size: 12px; padding-left: 2px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] - [class^="userText-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] + [class^="userText_"] > div { position: absolute; top: -26px; @@ -678,35 +675,35 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) z-index: 10; flex-direction: row-reverse !important; } -[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] - [class^="userText-"] +[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-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"] + [class*="usernameSection_"] + [class^="userText_"] > div { position: absolute; top: -24px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] - [class^="userText-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] + [class^="userText_"] > div .platform-icons-wrapper { margin-left: 0 !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] > div - > [class*="pronouns-"] { + > [class*="pronouns_"] { font-size: 12px; line-height: 12px; padding-top: 0; @@ -714,34 +711,34 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) opacity: 0.75; text-shadow: 1px 1px 0 var(--primary); } -[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] - [class*="customStatusSection-"] { +[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-"] { +[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-"] { +[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-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="customStatusSection_"] + > [class^="customStatus_"] { font-size: 12px; line-height: 12px; text-shadow: 1px 1px 0 var(--primary); @@ -749,36 +746,36 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) flex-direction: row !important; align-items: center; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="customStatusSection-"] - > [class^="customStatus-"] - > [class*="customStatusEmoji-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="customStatusSection_"] + > [class^="customStatus_"] + > [class*="customStatusEmoji_"] { width: 16px; height: 16px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="customStatusSection-"] - > [class^="customStatus-"] - > [class^="customStatusText-"] { +[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) { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class^="section_"]:has(> .mutual-guilds) { padding-top: 0; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class^="profileBadges-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class^="profileBadges_"] { visibility: hidden; height: 30px !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class^="bannerSVGWrapper-"][viewbox$=" 60"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class^="bannerSVGWrapper_"][viewbox$=" 60"] { margin-bottom: 60px; } diff --git a/modular/stylings/xmc.css b/modular/stylings/xmc.css index 4a31a2b..7cb522e 100644 --- a/modular/stylings/xmc.css +++ b/modular/stylings/xmc.css @@ -56,70 +56,70 @@ inset 0 0 0 4px var(--secondary, var(--background-secondary)); } -[class*="button-"][class*="lookFilled-"], -section[class^="panels-"] - [class^="container-"] - [class^="flex-"] - button[class^="button-"], -[class^="toolbar-"] [class*="iconWrapper-"] { +[class*="button_"][class*="lookFilled_"], +section[class^="panels_"] + [class^="container_"] + [class^="flex_"] + button[class^="button_"], +[class^="toolbar_"] [class*="iconWrapper_"] { border-radius: 0; color: var(--text) !important; background: var(--button-bg) !important; box-shadow: var(--button-shadow) !important; } -[class^="containerDefault-"][class*="selected-"] - [class^="iconVisibility-"] - > [class^="content-"], -[class^="containerDefault-"] - [class^="iconVisibility-"][class*="modeSelected-"] - > [class^="content-"], -nav[class^="sidebar-"] div[class^="item-"][class*="selected-"], -[class^="member-"][aria-expanded="true"] > [class^="layout-"], -[class^="channel-"] [class^="interactive-"][class*="selected-"] { +[class^="containerDefault_"][class*="selected_"] + [class^="iconVisibility_"] + > [class^="content_"], +[class^="containerDefault_"] + [class^="iconVisibility_"][class*="modeSelected_"] + > [class^="content_"], +nav[class^="sidebar_"] div[class^="item_"][class*="selected_"], +[class^="member_"][aria-expanded="true"] > [class^="layout_"], +[class^="channel_"] [class^="interactive_"][class*="selected_"] { border-radius: 0; background: var(--button-bg) !important; box-shadow: var(--button-shadow) !important; } -[class^="containerDefault-"] - [class^="iconVisibility-"]:hover - [class^="content-"], -nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover, -[class^="member-"]:not([aria-expanded="true"]):hover > [class^="layout-"], -[class^="channel-"] [class^="interactive-"]:not([class*="selected-"]):hover { +[class^="containerDefault_"] + [class^="iconVisibility_"]:hover + [class^="content_"], +nav[class^="sidebar_"] div[class^="item_"]:not([class*="selected_"]):hover, +[class^="member_"]:not([aria-expanded="true"]):hover > [class^="layout_"], +[class^="channel_"] [class^="interactive_"]:not([class*="selected_"]):hover { border-radius: 0; background: var(--hover-bg) !important; box-shadow: var(--hover-shadow) !important; } -[class^="scroller-"]::-webkit-scrollbar-thumb, -[class*="scrollerBase-"]::-webkit-scrollbar-thumb { +[class^="scroller_"]::-webkit-scrollbar-thumb, +[class*="scrollerBase_"]::-webkit-scrollbar-thumb { border-radius: 0; background: transparent; box-shadow: var(--scrollbar-shadow); } -[class^="channelTextArea-"] > [class^="scrollableContainer-"] { +[class^="channelTextArea_"] > [class^="scrollableContainer_"] { border: 1px solid var(--background-tertiary); border-radius: 0; } -[class^="toolbar-"] [class*="iconWrapper-"] { +[class^="toolbar_"] [class*="iconWrapper_"] { margin: 0; width: 32px; height: 32px; } -[class^="toolbar-"] [class*="iconWrapper-"] > svg { +[class^="toolbar_"] [class*="iconWrapper_"] > svg { margin: 4px; } -[class^="toolbar-"] > [class^="search-"] { +[class^="toolbar_"] > [class^="search_"] { margin: 0; } -[class^="toolbar-"] > [class^="search-"] [class^="searchBar-"] { +[class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] { background-color: var(--background-primary); border: 1px solid var(--background-tertiary); border-radius: 0; @@ -127,22 +127,22 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover, justify-content: center; } -[class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] +[class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root, -[class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"] { +[class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"] { height: 24px; margin-top: 2px; } -[class*="recentMentionsPopout-"] - > [class^="header-"] - > [class^="tabBar-"] - > [class^="tab-"] { +[class*="recentMentionsPopout_"] + > [class^="header_"] + > [class^="tabBar_"] + > [class^="tab_"] { margin: 0; border-radius: 0; background: var(--button-bg) !important; @@ -151,26 +151,26 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover, font-size: 12px !important; } -[class*="recentMentionsPopout-"] - > [class^="header-"] - > [class^="tabBar-"] - > [class^="tab-"]:hover, -[class*="recentMentionsPopout-"] - > [class^="header-"] - > [class^="tabBar-"] - > [class^="tab-"][class*="active-"] { +[class*="recentMentionsPopout_"] + > [class^="header_"] + > [class^="tabBar_"] + > [class^="tab_"]:hover, +[class*="recentMentionsPopout_"] + > [class^="header_"] + > [class^="tabBar_"] + > [class^="tab_"][class*="active_"] { background: var(--hover-bg) !important; box-shadow: var(--hover-shadow) !important; } -[class^="reaction-"] { +[class^="reaction_"] { background-color: var(--button-bg); box-shadow: var(--button-shadow); border-radius: 0; } -[class^="reaction-"]:hover, -[class^="reaction-"][class*="reactionMe-"] { +[class^="reaction_"]:hover, +[class^="reaction_"][class*="reactionMe_"] { background-color: var(--hover-bg); box-shadow: var(--hover-shadow); } diff --git a/modular/textarea/fullwidth.css b/modular/textarea/fullwidth.css index 28d736c..63d4d45 100644 --- a/modular/textarea/fullwidth.css +++ b/modular/textarea/fullwidth.css @@ -1,107 +1,107 @@ -[class*="chat-"] [class*="chatContent-"] form { +[class*="chat_"] [class*="chatContent_"] form { position: relative; margin: 0; } -[class*="chat-"] form [class*="typing-"] { +[class*="chat_"] form [class*="typing_"] { position: absolute; top: -2px; left: 10px; } -[class*="channelTextArea-"] { +[class*="channelTextArea_"] { margin-bottom: 10px !important; margin-top: 24px !important; padding: 0 !important; } -[class*="channelTextArea-"] [class*="inner-"] { +[class*="channelTextArea_"] [class*="inner_"] { border-radius: 6px; } -[class*="sansAttachButton-"] { +[class*="sansAttachButton_"] { padding-left: 10px !important; } .typing .ellipsis, -[class*="typing-"] span[class*="ellipsis-"] { +[class*="typing_"] span[class*="ellipsis_"] { display: none; } -form [class*="typing-"] { +form [class*="typing_"] { background-color: transparent !important; } -[class^="scrollerSpacer-"] { +[class^="scrollerSpacer_"] { height: 4px !important; } -[class^="chatContent-"] > form:before { +[class^="chatContent_"] > form:before { display: none !important; } -[class^="chatContent-"] > form { +[class^="chatContent_"] > form { padding: 0 !important; bottom: 0; } -[class^="chatContent-"] > form [class^="channelTextArea"] { +[class^="chatContent_"] > form [class^="channelTextArea"] { margin-bottom: 0 !important; } -[class^="chatContent-"] +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] { + > [class^="scrollableContainer_"] { border-radius: 0 !important; border: 0 !important; } -[class^="chatContent-"] +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"], -[class^="chatContent-"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"], +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"], -[class^="chatContent-"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"], +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="attachWrapper-"], -[class^="chatContent-"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="attachWrapper_"], +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="attachWrapper-"] - > [class^="attachButton-"] { + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="attachWrapper_"] + > [class^="attachButton_"] { min-height: 53px; } -[class^="chatContent-"] +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] > div - > [class*="fontSize16Padding-"] { + > [class*="fontSize16Padding_"] { padding-top: 15px !important; padding-bottom: 15px !important; } -[class^="chatContent-"] +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - [class*="emojiButton-"] { + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + [class*="emojiButton_"] { max-height: unset; } -[class^="messagesWrapper-"] { +[class^="messagesWrapper_"] { margin-bottom: 8px; } diff --git a/modular/textarea/mobile.css b/modular/textarea/mobile.css index 1440e38..651aa88 100644 --- a/modular/textarea/mobile.css +++ b/modular/textarea/mobile.css @@ -1,258 +1,258 @@ -[class*="chat-"] [class*="chatContent-"] form { +[class*="chat_"] [class*="chatContent_"] form { position: relative; margin: 0; } -[class*="chat-"] form [class*="typing-"] { +[class*="chat_"] form [class*="typing_"] { position: absolute; top: -2px; left: 10px; } -[class*="channelTextArea-"] { +[class*="channelTextArea_"] { margin-bottom: 10px !important; margin-top: 24px !important; padding: 0 !important; } -[class*="channelTextArea-"] [class*="inner-"] { +[class*="channelTextArea_"] [class*="inner_"] { border-radius: 6px; } -[class*="sansAttachButton-"] { +[class*="sansAttachButton_"] { padding-left: 10px !important; } .typing .ellipsis, -[class*="typing-"] span[class*="ellipsis-"] { +[class*="typing_"] span[class*="ellipsis_"] { display: none; } -form [class*="typing-"] { +form [class*="typing_"] { background-color: transparent !important; } -[class^="scrollerSpacer-"] { +[class^="scrollerSpacer_"] { height: 4px !important; } -[class^="chatContent-"] > form:before { +[class^="chatContent_"] > form:before { display: none !important; } -[class^="channelTextArea-"], -[class^="channelTextArea-"] > [class^="scrollableContainer-"] { +[class^="channelTextArea_"], +[class^="channelTextArea_"] > [class^="scrollableContainer_"] { background-color: transparent !important; } -[class^="channelTextArea-"] > [class^="scrollableContainer-"] { +[class^="channelTextArea_"] > [class^="scrollableContainer_"] { overflow: hidden !important; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] { padding-left: 0 !important; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="attachWrapper-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="attachWrapper_"] { margin-right: 10px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="attachWrapper-"] - > [class^="attachButton-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="attachWrapper_"] + > [class^="attachButton_"] { margin-left: 0 !important; padding: 10px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] { margin-right: 10px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] > div { padding-left: 10px; margin-left: 4px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] > * { width: 44px; margin-right: 10px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="buttonContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="buttonContainer_"] > button, -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] > .expression-picker-chat-input-button > * { width: 44px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="attachWrapper-"], -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"], -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="attachWrapper_"], +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"], +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] > * { background-color: var(--background-secondary); border-radius: 22px 22px 22px 22px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"] { margin-left: 0; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"]:before { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"]:before { display: none; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"] - > [class^="buttonContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"] + > [class^="buttonContainer_"] > button { width: 44px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"] - > [class^="buttonContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"] + > [class^="buttonContainer_"] > button - > [class^="contents-"] { + > [class^="contents_"] { margin-left: 4px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"] - > [class^="buttonContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"] + > [class^="buttonContainer_"] > button - > [class^="contents-"] - > [class*="activeButtonChild-"] { + > [class^="contents_"] + > [class*="activeButtonChild_"] { color: var(--interactive-active); } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"] - > [class^="buttonContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"] + > [class^="buttonContainer_"] > button:not([disabled]) { background-color: var(--brand-experiment); border-radius: 22px 22px 22px 22px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] > div:not([class]) { background-color: var(--background-secondary); } -[class^="channelTextArea-"] > [class^="attachedBars-"] { +[class^="channelTextArea_"] > [class^="attachedBars_"] { background: var(--background-primary) !important; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] { max-height: 128px; overflow-y: scroll; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"]::-webkit-scrollbar { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"]::-webkit-scrollbar { width: 16px; height: 16px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"]::-webkit-scrollbar-corner { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"]::-webkit-scrollbar-corner { background-color: transparent; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"]::-webkit-scrollbar-thumb { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"]::-webkit-scrollbar-thumb { background-color: var(--scrollbar-auto-thumb); min-height: 40px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"]::-webkit-scrollbar-thumb, -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"]::-webkit-scrollbar-track { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"]::-webkit-scrollbar-thumb, +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"]::-webkit-scrollbar-track { border: 4px solid transparent; background-clip: padding-box; border-radius: 8px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="attachWrapper-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="attachWrapper_"] { max-height: 44px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] { align-items: center; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] > div - > [class^="placeholder-"] { + > [class^="placeholder_"] { left: 14px; } diff --git a/modular/textarea/typing_above.css b/modular/textarea/typing_above.css index f018a9b..44b9ef3 100644 --- a/modular/textarea/typing_above.css +++ b/modular/textarea/typing_above.css @@ -1,41 +1,41 @@ -[class*="chat-"] [class*="chatContent-"] form { +[class*="chat_"] [class*="chatContent_"] form { position: relative; margin: 0; } -[class*="chat-"] form [class*="typing-"] { +[class*="chat_"] form [class*="typing_"] { position: absolute; top: -2px; left: 10px; } -[class*="channelTextArea-"] { +[class*="channelTextArea_"] { margin-bottom: 10px !important; margin-top: 24px !important; padding: 0 !important; } -[class*="channelTextArea-"] [class*="inner-"] { +[class*="channelTextArea_"] [class*="inner_"] { border-radius: 6px; } -[class*="sansAttachButton-"] { +[class*="sansAttachButton_"] { padding-left: 10px !important; } .typing .ellipsis, -[class*="typing-"] span[class*="ellipsis-"] { +[class*="typing_"] span[class*="ellipsis_"] { display: none; } -form [class*="typing-"] { +form [class*="typing_"] { background-color: transparent !important; } -[class^="scrollerSpacer-"] { +[class^="scrollerSpacer_"] { height: 8px !important; } -[class^="chatContent-"] > form:before { +[class^="chatContent_"] > form:before { display: none !important; } diff --git a/modular/titlebars/old_discord.css b/modular/titlebars/old_discord.css index f0f03b6..d63ade0 100644 --- a/modular/titlebars/old_discord.css +++ b/modular/titlebars/old_discord.css @@ -1,49 +1,49 @@ -[class*="wordmark-"] { +[class*="wordmark_"] { display: none !important; } -[class*="titleBar-"] { +[class*="titleBar_"] { margin-top: 0; } -[class*="typeWindows-"] { +[class*="typeWindows_"] { height: 0px !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; } -[class*="winButton-"] { +[class*="winButton_"] { margin-top: 19px; margin-right: 5px; opacity: 0.3; } -[class*="winButton-"]:hover { +[class*="winButton_"]:hover { opacity: 1; } -.platform-win [class*="headerBar-"], -.platform-win [class^="chat-"] > [class^="title-"], -.platform-win [class*="activityFeed-"] > [class*="container-"], -.platform-win [class^="libraryHeader-"], +.platform-win [class*="headerBar_"], +.platform-win [class^="chat_"] > [class^="title_"], +.platform-win [class*="activityFeed_"] > [class*="container_"], +.platform-win [class^="libraryHeader_"], .platform-win - [class*="spacer-"] - > [class*="container-"] - > [class*="container-"], + [class*="spacer_"] + > [class*="container_"] + > [class*="container_"], .platform-win - [class^="base-"] - > [class^="content-"] - > [class^="container-"] - > [class^="container-"], -.platform-win [class^="videoControls-"] [class^="headerWrapper-"] { + [class^="base_"] + > [class^="content_"] + > [class^="container_"] + > [class^="container_"], +.platform-win [class^="videoControls_"] [class^="headerWrapper_"] { padding-right: 104px !important; } -.platform-win [class^="topControls-"] { +.platform-win [class^="topControls_"] { top: -4px; position: relative; } -[class*="winButtonClose-"], -[class*="winButtonMinMax-"] { +[class*="winButtonClose_"], +[class*="winButtonMinMax_"] { width: 24px !important; height: 24px !important; margin-left: 0 !important; @@ -53,41 +53,41 @@ background-color: var(--interactive-normal) !important; } -[class*="winButtonClose-"] { +[class*="winButtonClose_"] { margin-right: 12px; } -[class*="winButtonClose-"] svg, -[class*="winButtonMinMax-"] svg { +[class*="winButtonClose_"] svg, +[class*="winButtonMinMax_"] svg { display: none; } -[class*="winButtonClose-"] { +[class*="winButtonClose_"] { mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjAgNy40MUwxOC41OSA2IDEzIDExLjU5IDcuNDEgNiA2IDcuNDEgMTEuNTkgMTMgNiAxOC41OSA3LjQxIDIwIDEzIDE0LjQxIDE4LjU5IDIwIDIwIDE4LjU5IDE0LjQxIDEzIDIwIDcuNDF6Ii8+PC9nPjwvc3ZnPg==") no-repeat; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjAgNy40MUwxOC41OSA2IDEzIDExLjU5IDcuNDEgNiA2IDcuNDEgMTEuNTkgMTMgNiAxOC41OSA3LjQxIDIwIDEzIDE0LjQxIDE4LjU5IDIwIDIwIDE4LjU5IDE0LjQxIDEzIDIwIDcuNDF6Ii8+PC9nPjwvc3ZnPg==") no-repeat; background-image: none !important; } -[class*="winButtonMinMax-"]:nth-child(3) { +[class*="winButtonMinMax_"]:nth-child(3) { mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOCAxM0g2djdoN3YtMkg4di01em0tMiAwaDJWOGg1VjZINnY3em03IDV2Mmg3di03aC0ydjVoLTV6bTAtMTJ2Mmg1djVoMlY2aC03eiIvPjwvZz48L3N2Zz4=") no-repeat; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOCAxM0g2djdoN3YtMkg4di01em0tMiAwaDJWOGg1VjZINnY3em03IDV2Mmg3di03aC0ydjVoLTV6bTAtMTJ2Mmg1djVoMlY2aC03eiIvPjwvZz48L3N2Zz4=") no-repeat; background-image: none !important; } -[class*="winButtonMinMax-"]:nth-child(4) { +[class*="winButtonMinMax_"]:nth-child(4) { mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkgMTl2LTJIN3YyaDEyeiIvPjxwYXRoIGQ9Ik0xIDI1aDI0VjFIMXYyNHoiLz48L2c+PC9zdmc+") no-repeat; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkgMTl2LTJIN3YyaDEyeiIvPjxwYXRoIGQ9Ik0xIDI1aDI0VjFIMXYyNHoiLz48L2c+PC9zdmc+") no-repeat; background-image: none !important; } -[class*="winButtonClose-"]:hover, -[class*="winButtonMinMax-"]:hover { +[class*="winButtonClose_"]:hover, +[class*="winButtonMinMax_"]:hover { background-color: var(--interactive-hover) !important; } -[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"], -html.platform-win:not(.app-focused) [class*="winButton-"] { +[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"], +html.platform-win:not(.app-focused) [class*="winButton_"] { opacity: 1 !important; } diff --git a/modular/titlebars/windows_classic.css b/modular/titlebars/windows_classic.css index 9cfc837..616879e 100644 --- a/modular/titlebars/windows_classic.css +++ b/modular/titlebars/windows_classic.css @@ -28,13 +28,13 @@ border-color: var(--titlebar-border-active, var(--primary)) !important; } -[class^="typeWindows-"] { +[class^="typeWindows_"] { height: 18px !important; margin-top: 0; background: var(--titlebar-inactive, var(--secondary)); border-bottom: 1px solid var(--titlebar-border-inactive, var(--secondary)); } -.app-focused [class^="typeWindows-"] { +.app-focused [class^="typeWindows_"] { background: var( --titlebar-active, var(--titlebar-color, var(--accent)) @@ -42,13 +42,13 @@ border-color: var(--titlebar-border-active, var(--primary)) !important; } -[class^="winButtonClose-"] > svg, -[class^="winButtonMinMax-"] > svg, -[class^="wordmarkWindows-"] > svg { +[class^="winButtonClose_"] > svg, +[class^="winButtonMinMax_"] > svg, +[class^="wordmarkWindows_"] > svg { display: none; } -[class^="wordmarkWindows-"] { +[class^="wordmarkWindows_"] { width: 16px !important; height: 16px !important; top: 1px !important; @@ -57,7 +57,7 @@ background-image: var(--titlebar-icon); background-repeat: no-repeat; } -[class^="wordmarkWindows-"]::after { +[class^="wordmarkWindows_"]::after { font-family: var(--_font-titlebars) !important; font-size: 12px !important; color: var(--wc-bright, var(--highlight)) !important; @@ -69,11 +69,11 @@ height: 17px; opacity: 1; } -.app-focused [class^="wordmarkWindows-"]::after { +.app-focused [class^="wordmarkWindows_"]::after { color: var(--text) !important; } -[class*="winButton-"] { +[class*="winButton_"] { top: 2px; width: 12px !important; height: 10px !important; @@ -82,43 +82,43 @@ box-shadow: var(--wc-outer-edge); } -[class^="winButtonClose-"] { +[class^="winButtonClose_"] { right: 2px; } -[class^="winButtonMinMax-"]:nth-child(3), -[class^="winButtonMinMax-"]:nth-child(4) { +[class^="winButtonMinMax_"]:nth-child(3), +[class^="winButtonMinMax_"]:nth-child(4) { right: 4px; } -[class*="winButton-"]::before { +[class*="winButton_"]::before { width: 12px !important; height: 10px !important; background-color: var(--text); content: ""; } -[class^="winButtonClose-"]::before { +[class^="winButtonClose_"]::before { -webkit-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=="); 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=="); mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); } -[class*="recentMentionsPopout-"], -[class^="messagesPopoutWrap-"], -[class^="browser-"] { +[class*="recentMentionsPopout_"], +[class^="messagesPopoutWrap_"], +[class^="browser_"] { border-radius: 0; padding: 2px; box-shadow: var(--wc-frame); border: 1px solid var(--titlebar-border-active, var(--primary)); } -[class*="recentMentionsPopout-"] > [class^="header-"] { +[class*="recentMentionsPopout_"] > [class^="header_"] { padding: 0 4px; font-family: var(--_font-titlebars) !important; font-size: 12px !important; @@ -132,10 +132,10 @@ var(--titlebar-color, var(--accent)) ) !important; } -[class*="recentMentionsPopout-"] - > [class^="header-"] - > [class^="controls-"] - > [class^="button-"] { +[class*="recentMentionsPopout_"] + > [class^="header_"] + > [class^="controls_"] + > [class^="button_"] { padding: 0; border-radius: 0; width: 16px; @@ -144,7 +144,7 @@ min-height: 16px; background-color: transparent; } -[class*="recentMentionsPopout-"] > [class^="header-"] [class^="tab-"] { +[class*="recentMentionsPopout_"] > [class^="header_"] [class^="tab_"] { margin-top: 0 !important; padding: 0px 2px; height: 16px; @@ -152,10 +152,10 @@ font-size: 12px; } -[class^="messagesPopoutWrap-"] > [class^="header-"] { +[class^="messagesPopoutWrap_"] > [class^="header_"] { padding: 0; } -[class^="messagesPopoutWrap-"] > [class^="header-"] > h1 { +[class^="messagesPopoutWrap_"] > [class^="header_"] > h1 { padding: 0 4px; font-family: var(--_font-titlebars) !important; font-size: 12px !important; @@ -169,7 +169,7 @@ ) !important; } -[class^="browser-"] > [class^="header-"] { +[class^="browser_"] > [class^="header_"] { padding: 0 4px; font-family: var(--_font-titlebars) !important; font-size: 12px !important; @@ -183,33 +183,33 @@ var(--titlebar-color, var(--accent)) ) !important; } -[class^="browser-"] > [class^="header-"] > h1 { +[class^="browser_"] > [class^="header_"] > h1 { font-family: var(--_font-titlebars) !important; font-size: 12px !important; color: var(--text) !important; font-weight: bold !important; } -[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] { +[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] { width: 16px; height: 16px; } -[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] { +[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] { margin-right: 2px; } -[class^="browser-"] > [class^="header-"] > h1, -[class^="browser-"] > [class^="header-"] > [class^="divider-"], -[class^="browser-"] > [class^="header-"] > [class^="searchBox-"] { +[class^="browser_"] > [class^="header_"] > h1, +[class^="browser_"] > [class^="header_"] > [class^="divider_"], +[class^="browser_"] > [class^="header_"] > [class^="searchBox_"] { margin-right: 0; } -[class^="browser-"] > [class^="header-"] > [class^="divider-"] { +[class^="browser_"] > [class^="header_"] > [class^="divider_"] { flex-grow: 1; background-color: transparent; } -[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] > svg { +[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] > svg { display: none; } -[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] { +[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] { width: 12px !important; min-width: 12px !important; height: 10px !important; @@ -221,7 +221,7 @@ background: var(--primary) !important; box-shadow: var(--wc-outer-edge); } -[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"]::before { +[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"]::before { width: 12px !important; height: 10px !important; background-color: var(--text); diff --git a/modular/titlebars/xmc.css b/modular/titlebars/xmc.css index ed9fcc7..a668ca8 100644 --- a/modular/titlebars/xmc.css +++ b/modular/titlebars/xmc.css @@ -1,10 +1,10 @@ -[class*="recentMentionsPopout-"], -[class^="messagesPopoutWrap-"], -[class^="browser-"] { +[class*="recentMentionsPopout_"], +[class^="messagesPopoutWrap_"], +[class^="browser_"] { border-radius: 0; } -[class*="recentMentionsPopout-"] > [class^="header-"] { +[class*="recentMentionsPopout_"] > [class^="header_"] { color: var(--text) !important; padding: 0 4px; background-color: var(--titlebar-color); @@ -20,10 +20,10 @@ font-size: 12px !important; text-transform: none; } -[class*="recentMentionsPopout-"] - > [class^="header-"] - > [class^="controls-"] - > [class^="button-"] { +[class*="recentMentionsPopout_"] + > [class^="header_"] + > [class^="controls_"] + > [class^="button_"] { padding: 0; border-radius: 0; width: 16px; @@ -32,14 +32,14 @@ min-height: 16px; background-color: transparent; } -[class*="recentMentionsPopout-"] > [class^="header-"] [class^="tab-"] { +[class*="recentMentionsPopout_"] > [class^="header_"] [class^="tab_"] { margin-top: 0 !important; } -[class^="messagesPopoutWrap-"] > [class^="header-"] { +[class^="messagesPopoutWrap_"] > [class^="header_"] { padding: 0; } -[class^="messagesPopoutWrap-"] > [class^="header-"] > h1 { +[class^="messagesPopoutWrap_"] > [class^="header_"] > h1 { color: var(--text) !important; padding: 0 10px; background-color: var(--titlebar-color); @@ -55,7 +55,7 @@ text-transform: none; } -[class^="browser-"] > [class^="header-"] { +[class^="browser_"] > [class^="header_"] { color: var(--text) !important; padding: 0 4px; background-color: var(--titlebar-color); @@ -71,40 +71,40 @@ font-size: 12px !important; text-transform: none; } -[class^="browser-"] > [class^="header-"] > h1 { +[class^="browser_"] > [class^="header_"] > h1 { font-weight: 100; font-family: var(--_font-titlebars) !important; font-size: 12px !important; text-transform: none; } -[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"], -[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] > svg { +[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"], +[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] > svg { width: 16px; height: 16px; } -[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] { +[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] { margin-right: 2px; } -[class^="browser-"] > [class^="header-"] > h1, -[class^="browser-"] > [class^="header-"] > [class^="divider-"], -[class^="browser-"] > [class^="header-"] > [class^="searchBox-"] { +[class^="browser_"] > [class^="header_"] > h1, +[class^="browser_"] > [class^="header_"] > [class^="divider_"], +[class^="browser_"] > [class^="header_"] > [class^="searchBox_"] { margin-right: 0; } -[class^="browser-"] > [class^="header-"] > [class^="divider-"] { +[class^="browser_"] > [class^="header_"] > [class^="divider_"] { flex-grow: 1; background-color: transparent; } -.platform-win [class*="baseLayer-"] { +.platform-win [class*="baseLayer_"] { top: -32px; padding-top: 32px; } -.platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] { +.platform-win [class^="app_"] > [class^="app_"] > [class^="bg_"] { top: -32px; } -[class^="typeWindows-"] { +[class^="typeWindows_"] { margin: 3px; padding: 6px; height: 10px !important; @@ -112,16 +112,16 @@ box-shadow: var(--titlebar-shadow); } -[class^="typeMacOS-"] { +[class^="typeMacOS_"] { background-color: var(--background-tertiary); height: 32px !important; } -[class^="macButtons-"] { +[class^="macButtons_"] { 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-size: 42px; background-repeat: no-repeat; @@ -133,7 +133,7 @@ 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-size: 42px; background-repeat: no-repeat; @@ -143,66 +143,66 @@ border-radius: 0; } -[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"], -html.platform-win:not(.app-focused) [class*="winButton-"] { +[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"], +html.platform-win:not(.app-focused) [class*="winButton_"] { opacity: 0.4; } -[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover, -html.platform-win:not(.app-focused) [class*="winButton-"]:hover { +[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"]:hover, +html.platform-win:not(.app-focused) [class*="winButton_"]:hover { opacity: 1; } -[class*="macButton-"] > svg, -[class*="winButton-"] > svg, -[class^="wordmarkWindows-"] > svg { +[class*="macButton_"] > svg, +[class*="winButton_"] > svg, +[class^="wordmarkWindows_"] > svg { display: none; } -[class*="winButtonClose-"] { +[class*="winButtonClose_"] { margin-right: 3px; } -[class*="macButtonClose-"], -[class*="winButtonClose-"] { +[class*="macButtonClose_"], +[class*="winButtonClose_"] { background-position: 0px 0px; } -[class*="macButtonClose-"]:hover, -[class*="winButtonClose-"]:hover { +[class*="macButtonClose_"]:hover, +[class*="winButtonClose_"]:hover { background-position: 0px -14px; } -[class*="macButtonClose-"]:active, -[class*="winButtonClose-"]:active { +[class*="macButtonClose_"]:active, +[class*="winButtonClose_"]:active { background-position: 0px -28px; } -[class*="macButtonMaximize-"], -[class*="winButtonMinMax-"]:nth-child(3) { +[class*="macButtonMaximize_"], +[class*="winButtonMinMax_"]:nth-child(3) { background-position: -14px 0px; } -[class*="macButtonMaximize-"]:hover, -[class*="winButtonMinMax-"]:nth-child(3):hover { +[class*="macButtonMaximize_"]:hover, +[class*="winButtonMinMax_"]:nth-child(3):hover { background-position: -14px -14px; } -[class*="macButtonMaximize-"]:active, -[class*="winButtonMinMax-"]:nth-child(3):active { +[class*="macButtonMaximize_"]:active, +[class*="winButtonMinMax_"]:nth-child(3):active { background-position: -14px -28px; } -[class*="macButtonMinimize-"], -[class*="winButtonMinMax-"]:nth-child(4) { +[class*="macButtonMinimize_"], +[class*="winButtonMinMax_"]:nth-child(4) { background-position: -28px 0px; } -[class*="macButtonMinimize-"]:hover, -[class*="winButtonMinMax-"]:nth-child(4):hover { +[class*="macButtonMinimize_"]:hover, +[class*="winButtonMinMax_"]:nth-child(4):hover { background-position: -28px -14px; } -[class*="macButtonMinimize-"]:active, -[class*="winButtonMinMax-"]:nth-child(4):active { +[class*="macButtonMinimize_"]:active, +[class*="winButtonMinMax_"]:nth-child(4):active { background-position: -28px -28px; } -[class^="wordmarkWindows-"] { +[class^="wordmarkWindows_"] { width: 16px !important; height: 16px !important; top: 6px !important; @@ -211,7 +211,7 @@ html.platform-win:not(.app-focused) [class*="winButton-"]:hover { background-image: var(--titlebar-icon); background-repeat: no-repeat; } -[class^="wordmarkWindows-"]::after { +[class^="wordmarkWindows_"]::after { font-family: var(--_font-titlebars) !important; font-size: 12px !important; line-height: 250% !important; @@ -225,20 +225,20 @@ html.platform-win:not(.app-focused) [class*="winButton-"]:hover { opacity: 1; } -html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after, +html.platform-win:not(.app-focused) [class^="wordmarkWindows_"]::after, html:not(.platform-win) #app-mount > div:not(.app-focused) - [class^="wordmarkWindows-"]::after { + [class^="wordmarkWindows_"]::after { opacity: 0.4; } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class*="userInfoSectionHeader-"] { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="body_"] + > [class^="infoScroller_"] + > [class^="userInfoSection_"] + > [class*="userInfoSectionHeader_"] { color: var(--text) !important; padding: 0 10px; background-color: var(--titlebar-color); @@ -254,11 +254,11 @@ html:not(.platform-win) text-transform: none; } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"]::before { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="body_"] + > [class^="infoScroller_"] + > [class^="connectedAccounts_"]::before { color: var(--text) !important; padding: 0 10px; background-color: var(--titlebar-color); @@ -277,21 +277,21 @@ html:not(.platform-win) position: absolute; } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"] - > [class^="connectedAccountsColumn-"] { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="body_"] + > [class^="infoScroller_"] + > [class^="connectedAccounts_"] + > [class^="connectedAccountsColumn_"] { margin-top: 28px; } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - [class*="headerTextNormal-"] { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="body_"] + > [class^="listScroller_"] + > [class^="activityProfile_"] + [class*="headerTextNormal_"] { color: var(--text) !important; padding: 0 10px; background-color: var(--titlebar-color); diff --git a/modular/unmirror.css b/modular/unmirror.css index 7d33c44..d54cb42 100644 --- a/modular/unmirror.css +++ b/modular/unmirror.css @@ -1,3 +1,3 @@ -[class*="mirror-"] { +[class*="mirror_"] { transform: none !important; } diff --git a/modular/unread.css b/modular/unread.css index 070d97b..80ca9cb 100644 --- a/modular/unread.css +++ b/modular/unread.css @@ -1,17 +1,17 @@ -[class^="listItem-"]:hover [class^="pill-"] { +[class^="listItem_"]:hover [class^="pill_"] { display: none; } -[class^="listItem-"] [class^="pill-"] { +[class^="listItem_"] [class^="pill_"] { width: 52px !important; height: 56px !important; top: -4px !important; left: 11px; z-index: 100; } -[class^="listItem-"] [class^="pill-"] > span { +[class^="listItem_"] [class^="pill_"] > span { display: none; } -[class^="listItem-"] [class^="pill-"] > span[style*="height: 8px;"] { +[class^="listItem_"] [class^="pill_"] > span[style*="height: 8px;"] { display: block; left: 4px; bottom: 2px; @@ -22,7 +22,7 @@ z-index: 100; 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; background: transparent; height: 46px !important; @@ -34,18 +34,18 @@ z-index: 100; } -[class^="listItem-"]:hover [class^="pill-"] span { +[class^="listItem_"]:hover [class^="pill_"] span { opacity: 0 !important; } -[class^="listItem-"]:not(:hover) [class^="pill-"] span { +[class^="listItem_"]:not(:hover) [class^="pill_"] span { opacity: 0 !important; } -[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: 0.7"], +[class^="listItem_"]:not(:hover) [class^="pill_"] span[style^="opacity: 1"] { opacity: 1 !important; } -[class^="listItem-"] [class^="upperBadge-"] { +[class^="listItem_"] [class^="upperBadge_"] { z-index: 500; } diff --git a/modular/voice_rings.css b/modular/voice_rings.css index 6035965..2fd393c 100644 --- a/modular/voice_rings.css +++ b/modular/voice_rings.css @@ -1,9 +1,9 @@ -[class*="avatarSpeaking-"], -[class^="avatar-"][class*="speaking-"] { +[class*="avatarSpeaking_"], +[class^="avatar_"][class*="speaking_"] { box-shadow: 0 0 0 2px var(--status-online, var(--status-green-600)), 0 0 0 3px var(--background-secondary) !important; } -[class^="voiceUsers-"] [class^="avatarContainer-"] { +[class^="voiceUsers_"] [class^="avatarContainer_"] { overflow: visible; } diff --git a/modular/wide_settings.css b/modular/wide_settings.css index 723fe89..0d5d723 100644 --- a/modular/wide_settings.css +++ b/modular/wide_settings.css @@ -1,12 +1,12 @@ -[class*="standardSidebarView-"] - [class*="contentColumn-"]:not([class*="contentColumnWide-"]) { +[class*="standardSidebarView_"] + [class*="contentColumn_"]:not([class*="contentColumnWide_"]) { max-width: 100%; } -[class*="standardSidebarView-"] [class*="sidebarRegion-"] { +[class*="standardSidebarView_"] [class*="sidebarRegion_"] { flex: 0; } -[class^="accountProfileCard-"] { +[class^="accountProfileCard_"] { max-width: 660px; }