From 9219bc1e9d398d0a439fedc1ee9543d39d1a73e9 Mon Sep 17 00:00:00 2001 From: Gibbu Date: Wed, 19 Jun 2024 12:28:30 +1000 Subject: [PATCH] Updated for class reroll --- src/addons/_icons.scss | 24 +++--- src/theme/_dark.scss | 2 +- src/theme/_light.scss | 2 +- src/theme/app/_scrollbars.scss | 14 ++-- src/theme/app/_toolbar.scss | 2 +- src/theme/chat/_bars.scss | 4 +- src/theme/chat/_call.scss | 24 +++--- src/theme/chat/_container.scss | 10 +-- src/theme/chat/_message.scss | 78 ++++++++++---------- src/theme/chat/_searchresults.scss | 14 ++-- src/theme/chat/_textbox.scss | 26 +++---- src/theme/guilds/_container.scss | 10 +-- src/theme/guilds/_folder.scss | 14 ++-- src/theme/guilds/_server.scss | 28 +++---- src/theme/inputs/_button.scss | 32 ++++---- src/theme/inputs/_checkboxes.scss | 4 +- src/theme/inputs/_radio.scss | 4 +- src/theme/inputs/_radiogroup.scss | 6 +- src/theme/inputs/_select.scss | 8 +- src/theme/inputs/_slider.scss | 10 +-- src/theme/inputs/_switch.scss | 2 +- src/theme/members/_container.scss | 10 +-- src/theme/members/_header.scss | 2 +- src/theme/members/_member.scss | 10 +-- src/theme/modals/_acceptrules.scss | 6 +- src/theme/modals/_accountswitcher.scss | 2 +- src/theme/modals/_customstatus.scss | 2 +- src/theme/modals/_deletemessage.scss | 6 +- src/theme/modals/_events.scss | 2 +- src/theme/modals/_modal.scss | 8 +- src/theme/modals/_quickswitcher.scss | 18 ++--- src/theme/os/_mac.scss | 2 +- src/theme/os/_windows.scss | 14 ++-- src/theme/pages/_friends.scss | 20 ++--- src/theme/pages/_nitro.scss | 4 +- src/theme/pages/_sidebar.scss | 18 ++--- src/theme/popouts/_autocomplete.scss | 14 ++-- src/theme/popouts/_emojipicker.scss | 16 ++-- src/theme/popouts/_inbox.scss | 8 +- src/theme/popouts/_menu.scss | 24 +++--- src/theme/popouts/_pinnedmessages.scss | 10 +-- src/theme/popouts/_popout.scss | 4 +- src/theme/popouts/_searchsuggestions.scss | 20 ++--- src/theme/popouts/_threads.scss | 6 +- src/theme/profile/_panel.scss | 28 +++---- src/theme/settings/_container.scss | 36 ++++----- src/theme/settings/_global.scss | 46 ++++++------ src/theme/settings/_sidebaricons.scss | 2 +- src/theme/settings/channel/_permissions.scss | 4 +- src/theme/settings/guild/_roles.scss | 36 ++++----- src/theme/settings/user/_authedapps.scss | 10 +-- src/theme/settings/user/_connections.scss | 16 ++-- src/theme/settings/user/_myaccount.scss | 56 +++++++------- src/theme/settings/user/_userprofile.scss | 10 +-- src/theme/sidebar/_category.scss | 6 +- src/theme/sidebar/_channel.scss | 32 ++++---- src/theme/sidebar/_container.scss | 12 +-- src/theme/sidebar/_dms.scss | 24 +++--- src/theme/sidebar/_header.scss | 24 +++--- src/theme/sidebar/_nitrogoal.scss | 2 +- src/theme/sidebar/_panels.scss | 48 ++++++------ src/theme/sidebar/_voiceuser.scss | 18 ++--- 62 files changed, 477 insertions(+), 477 deletions(-) diff --git a/src/addons/_icons.scss b/src/addons/_icons.scss index 6e2bd63..04dfc0a 100644 --- a/src/addons/_icons.scss +++ b/src/addons/_icons.scss @@ -6,16 +6,16 @@ --fluent-icons-color: var(--interactive-normal); } -.wrapper__612a5 { - &.modeMuted_f0a72e { +.wrapper_d8bfb3 { + &.modeMuted_d8bfb3 { --fluent-icons-color: var(--interactive-muted); } - &.modeUnreadImportant__35358 { + &.modeUnreadImportant_d8bfb3 { --fluent-icons-color: var(--interactive-active); } } -.link_ddbb36 { +.link_d8bfb3 { path { display: none; } @@ -91,7 +91,7 @@ } // Channel modifiers (locked/threads) - .iconContainer__6a580 { + .iconContainer_d8bfb3 { // Locked channel &:has(path[d^='M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1'])::before, &:has(path[d^='M13 4C13 3.66767 13.0405'])::before, @@ -126,7 +126,7 @@ } } -.lottieIcon_c7076c { +.lottieIcon_f73ef7 { svg { background: var(--fluent-icons-color); } @@ -186,7 +186,7 @@ mask-image: url(mono.$sound-source); } } -.container_debb33 .button_ae40a4[aria-checked='true'] { +.container_b2ca13 .button_f67531[aria-checked='true'] { svg { --fluent-icons-color: var(--status-danger); } @@ -203,7 +203,7 @@ } // Voice channel status -.pencilIcon_bf3d10 { +.pencilIcon_e66732 { background: var(--fluent-icons-color); mask: url(mono.$pen); path { @@ -212,7 +212,7 @@ } // Send button -.sendIcon_f67abd { +.sendIcon_a06035 { mask: url(mono.$paper-plane) center/cover; background: var(--fluent-icons-color); path { @@ -455,8 +455,8 @@ $icons: ( 'account-switch-account': mono.$user-swap ); -.item__183e8:not(#account-status-picker, [role='menuitemradio'], .hideInteraction__0b569) { - .icon__0bfbf { +.item_d90b3d:not(#account-status-picker, [role='menuitemradio'], .hideInteraction_d90b3d) { + .icon_d90b3d { display: none !important; } &[role='menuitem'], @@ -469,7 +469,7 @@ $icons: ( background: currentColor; margin-right: 8px; } - & + .layer__6b5c3 .item__183e8::before { + & + .layer_cd0de5 .item_d90b3d::before { content: none; } &.focused-3qFvc8::before { diff --git a/src/theme/_dark.scss b/src/theme/_dark.scss index d9e8e68..e0dda90 100644 --- a/src/theme/_dark.scss +++ b/src/theme/_dark.scss @@ -1,5 +1,5 @@ .theme-dark, -html.theme-dark #app-mount .theme-light .root_a28985 { +html.theme-dark #app-mount .theme-light .root_f9a4c9 { --dark-bg-h: var(--dark-background-hue, 0); --dark-bg-s: var(--dark-background-saturation, 0%); diff --git a/src/theme/_light.scss b/src/theme/_light.scss index a29f2fa..453b7c7 100644 --- a/src/theme/_light.scss +++ b/src/theme/_light.scss @@ -1,5 +1,5 @@ .theme-light, -html.theme-light #app-mount .theme-light .root_a28985 { +html.theme-light #app-mount .theme-light .root_f9a4c9 { --bg-main: #f3f3f3; --bg-alt: #fafafa; --bg-content: #fbfbfb; diff --git a/src/theme/app/_scrollbars.scss b/src/theme/app/_scrollbars.scss index ac0a8b6..0807b25 100644 --- a/src/theme/app/_scrollbars.scss +++ b/src/theme/app/_scrollbars.scss @@ -8,9 +8,9 @@ } // Chat scrollbar -.chatContent_f087cb .scroller_e412fe, -.peopleList_d2f527, -.scroller_d4b86c { +.chatContent_a7d72e .scroller_e2e187, +.peopleList_e0840f, +.scroller_f4e139 { &::-webkit-scrollbar { width: 10px; height: 10px; @@ -25,10 +25,10 @@ } // Other scrollbars -.members__573eb, -.container__7e23c .scroller__1f498, -.sidebarRegionScroller__8113e, -.scroller__89969 { +.members_cbd271, +.container_ee69e0 .scroller_c43953, +.sidebarRegionScroller_c25c6d, +.scroller_c47fa9 { &::-webkit-scrollbar { width: 6px; height: 6px; diff --git a/src/theme/app/_toolbar.scss b/src/theme/app/_toolbar.scss index 39ad58f..6d766e2 100644 --- a/src/theme/app/_toolbar.scss +++ b/src/theme/app/_toolbar.scss @@ -10,7 +10,7 @@ content: none; } } - // title_d4ba1a container__26baa + // title_a7d72e container_e44302 #{cls('title.children.container')} { margin-right: 16px; diff --git a/src/theme/chat/_bars.scss b/src/theme/chat/_bars.scss index 04e9826..1705504 100644 --- a/src/theme/chat/_bars.scss +++ b/src/theme/chat/_bars.scss @@ -52,10 +52,10 @@ } // Mention - .attachedBars_c1606a { + .attachedBars_d0696b { background: transparent; } - .replyBar_ed6afc { + .replyBar_b11c5e { background: var(--bg-alt); } diff --git a/src/theme/chat/_call.scss b/src/theme/chat/_call.scss index c6e3312..3adac60 100644 --- a/src/theme/chat/_call.scss +++ b/src/theme/chat/_call.scss @@ -1,24 +1,24 @@ @use '../mixins'; #app-mount { - .wrapper__6bf2d { + .wrapper_d880dc { background: var(--bg-main); border-bottom: 1px solid var(--border-mid); - &.minimum__7f356 { + &.minimum_d880dc { height: 300px; } } - .voiceCallWrapper__6ca32 { + .voiceCallWrapper_bae578 { padding-bottom: 0; gap: 12px; } - .participant_f0e444 { + .participant_ea9cce { margin: 0; } - .wrapper__4d4fe { + .wrapper_b6e2f9 { gap: 8px; - .button__581d0 { + .button_dd4f85 { @include mixins.btn; @include mixins.btnSecondary; height: 32px; @@ -28,19 +28,19 @@ height: 18px; } } - button.red__45e65 { + button.red_ef18ee { @include mixins.btnDanger; } } - div.controlButton__863c7 { + div.controlButton_b6e2f9 { margin: 0; } - button.controlButton__863c7 { + button.controlButton_b6e2f9 { @include mixins.btnSecondary; } - .contextMenuContainer__7fb37 { + .contextMenuContainer_ef18ee { display: flex; overflow: hidden; foreignObject { @@ -55,7 +55,7 @@ width: 44px; } } - .contextMenuNub_bea150 { + .contextMenuNub_ef18ee { @include mixins.btn; @include mixins.btnSecondary; height: 32px; @@ -69,7 +69,7 @@ } // Video - .video__004a2 .transparent__8d0a5 { + .video_d880dc .transparent_e44302 { background: transparent; border-bottom: none; } diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss index 441c33c..16416ce 100644 --- a/src/theme/chat/_container.scss +++ b/src/theme/chat/_container.scss @@ -1,13 +1,13 @@ @use '../classes' as *; #app-mount { - .chat__52833 { + .chat_a7d72e { background: transparent; } - .content__01e65::before { + .content_a7d72e::before { content: none; } - .chatContent_f087cb { + .chatContent_a7d72e { background: var(--bg-alt); &:only-child { margin-right: 0; @@ -15,7 +15,7 @@ } } - .scrollerSpacer__6b1b6 { + .scrollerSpacer_e2e187 { height: 24px; } @@ -25,7 +25,7 @@ border: 1px solid var(--border-mid); } - .messagesWrapper_add28b::before { + .messagesWrapper_e2e187::before { content: ''; position: absolute; bottom: 0; diff --git a/src/theme/chat/_message.scss b/src/theme/chat/_message.scss index a7039f2..ef6bef6 100644 --- a/src/theme/chat/_message.scss +++ b/src/theme/chat/_message.scss @@ -1,55 +1,55 @@ @use '../mixins'; #app-mount { - .message_ccca67:has(.channelTextArea__648e5).cozyMessage__9f4fd .contents_d3ae0d { + .message_d5deea:has(.channelTextArea_d0696b).cozyMessage_d5deea .contents_ec86aa { display: block; width: 100%; background: var(--bg-content); - .textArea_a86690 { + .textArea_d0696b { height: auto; min-height: auto; } - .channelTextArea__626ee { + .channelTextArea_d5deea { margin-top: 0; } - .slateTextArea_b19976 { + .slateTextArea_e52116 { padding-top: 0; padding-bottom: 0; } - .inner__9fd0b::before { + .inner_d0696b::before { content: none; } - .buttons__7ecff { + .buttons_d0696b { height: auto; } } - .operations__62559 { + .operations_ed9386 { padding: 8px 16px 16px 16px; } - .mentioned_fa6fd2 { + .mentioned_d5deea { background: rgb(var(--chat-mention-colour), 0.05); &::before { background: rgb(var(--chat-mention-colour)); } - &.groupStart__7b93c .contents_d3ae0d { + &.groupStart_d5deea .contents_ec86aa { background: var(--chat-mention-bubble) !important; - .messageContent_abea64:not(:empty) { + .messageContent_ec86aa:not(:empty) { background: transparent !important; } } - &:not(.groupStart__7b93c) .messageContent_abea64:not(:empty) { + &:not(.groupStart_d5deea) .messageContent_ec86aa:not(:empty) { background: var(--chat-mention-bubble) !important; } } - .cozy_f5c119 { - .avatar__08316 { + .cozy_ec86aa { + .avatar_ec86aa { left: var(--chat-spacing-x); margin-top: 0; } - .contents_d3ae0d > .messageContent_abea64:not(:empty) { + .contents_ec86aa > .messageContent_ec86aa:not(:empty) { margin-left: 0; padding: var(--chat-padding-y) var(--chat-padding-x); background: var(--chat-bubble-bg); @@ -57,24 +57,24 @@ display: inline-block; max-width: calc(100% - var(--chat-spacing-x)); } - .container__2acd5 { + .container_e62b38 { padding: 0; } - &.groupStart__7b93c .contents_d3ae0d { + &.groupStart_d5deea .contents_ec86aa { background: var(--chat-bubble-bg); display: inline-block; border-radius: var(--rounded) var(--rounded); max-width: 100%; - .header__6a14d { + .header_ec86aa { padding-top: var(--chat-padding-y); padding-right: var(--chat-padding-x); padding-bottom: 2px; padding-left: var(--chat-padding-x); margin-left: 0; } - .messageContent_abea64 { + .messageContent_ec86aa { &:empty { margin-top: 8px; display: block; @@ -85,46 +85,46 @@ } } - &.isSystemMessage__0f7c5 .messageContent_abea64 { + &.isSystemMessage_ec86aa .messageContent_ec86aa { padding: 16px !important; } - &.wrapper_a62503 { + &.wrapper_ec86aa { padding-left: calc(var(--chat-spacing-x) + 56px); padding-right: calc(var(--chat-spacing-x) - 11px) !important; } } - .embedFull__14919 { + .embedFull_ad0b71 { background: var(--chat-bubble-bg); } - .markup_a7e664 pre { + .markup_d6076c pre { margin: 0; max-width: 100%; } // Message/attachment actions - .wrapper__4e6b6 { + .wrapper_ef319f { background: var(--bg-content); border-radius: var(--btn-radius); box-shadow: var(--shadow-flyout); height: auto; - .button_d4bf9b { + .button_ef319f { @include mixins.btn; @include mixins.btnSecondary; width: auto; height: auto; min-width: auto; border-radius: 0; - &.dangerous__8fbad { + &.dangerous_ef319f { color: hsl(var(--discord-red)); } } } // @Mention/Link Channel - .wrapper_f5f4c9 { + .wrapper_d4fa29 { background: rgb(var(--accent), 0.1); color: rgb(var(--accent)); font-weight: var(--font-weight-semibold); @@ -135,7 +135,7 @@ } // Reactions - .reaction__4a43f { + .reaction_ec6b19 { background: transparent; border-color: var(--border-high); border-radius: 50px; @@ -144,57 +144,57 @@ &:hover { background: var(--bg-interactive-high); } - &.reactionMe__0fffc { + &.reactionMe_ec6b19 { border-color: rgb(var(--accent)); - .reactionCount__2c34d { + .reactionCount_ec6b19 { color: rgb(var(--accent)); } } } // Codeblocks/file embeds - .markup_a7e664 code { + .markup_d6076c code { background: var(--bg-alt); border-color: var(--border-mid); } - .textContainer__65f57 { + .textContainer_ad9cbd { background: var(--bg-content); border-radius: var(--rounded); border: 1px solid var(--border-mid); } - .footer__90194 { + .footer_ad9cbd { background: transparent; border: none; margin-top: 4px; padding: 0; height: auto; } - .toggleExpandSection__22220, - .anchor-1MIwyf.downloadSection__849a6, - .codeIcon_f2e957 { + .toggleExpandSection_ad9cbd, + .anchor-1MIwyf.downloadSection_ad9cbd, + .codeIcon_ad9cbd { @include mixins.btn; @include mixins.btnSecondary; margin-right: 4px; min-height: 34px; min-width: 38px; } - .openFullPreviewSection__4a973 { + .openFullPreviewSection_ad9cbd { @include mixins.btn; @include mixins.btnSecondary; min-height: 34px; } - .downloadButton__91f0f { + .downloadButton_ad9cbd { padding: 0; width: 16px; height: 16px; } - .anchor-1MIwyf.downloadSection__849a6 { + .anchor-1MIwyf.downloadSection_ad9cbd { margin-left: 8px; } } // Light theme -.theme-light #app-mount .mentioned_fa6fd2 { +.theme-light #app-mount .mentioned_d5deea { background: rgb(var(--accent), 0.15); } diff --git a/src/theme/chat/_searchresults.scss b/src/theme/chat/_searchresults.scss index 6dcaad1..ce2e98e 100644 --- a/src/theme/chat/_searchresults.scss +++ b/src/theme/chat/_searchresults.scss @@ -1,11 +1,11 @@ @use '../mixins'; #app-mount { - .searchResultsWrap__2e184 { + .searchResultsWrap_c2b47d { border-left: 1px solid var(--border-mid); background: var(--bg-alt); } - .searchHeader__4d70e { + .searchHeader_b7c924 { background: var(--bg-main); border-bottom: 1px solid var(--border-mid); padding: 8px 8px 8px 16px; @@ -25,24 +25,24 @@ .channelName-3w2Y3c { background: transparent; } - .container__3be1d .button_ef08e7 { + .container_ddc613 .button_ddc613 { @include mixins.btn; @include mixins.btnSecondary; height: auto; } - .searchResult__00093 { + .searchResult_ddc613 { background: transparent; border-radius: 0; margin-bottom: 0; cursor: var(--cursor); - .cozy_f5c119 { + .cozy_ec86aa { padding-left: calc(var(--chat-spacing-x) + 20px); } - .avatar__08316 { + .avatar_ec86aa { left: calc(var(--chat-spacing-x) / 2 - 16px); } } - .message__7e601 { + .message_ddc613 { padding-bottom: 0; } diff --git a/src/theme/chat/_textbox.scss b/src/theme/chat/_textbox.scss index 0b2edcd..0706055 100644 --- a/src/theme/chat/_textbox.scss +++ b/src/theme/chat/_textbox.scss @@ -1,7 +1,7 @@ @use '../assets/mono'; #app-mount { - .form_d8a4a1 { + .form_a7d72e { margin: 0 12px 12px 0; padding: 8px 8px 8px 14px; background: var(--bg-main); @@ -17,23 +17,23 @@ content: none; } } - .channelTextAreaContainer__37a67 { + .channelTextAreaContainer_d0696b { width: 100%; } - .channelTextArea_c2094b { + .channelTextArea_a7d72e { margin: 0; background: var(--bg-alt); position: relative; border-radius: var(--rounded); &:focus-within { background: var(--bg-content-alt); - .inner__9fd0b::before { + .inner_d0696b::before { height: 2px; background: rgb(var(--accent)); } } } - .inner__9fd0b::before { + .inner_d0696b::before { content: ''; width: 100vw; height: 1px; @@ -42,10 +42,10 @@ position: absolute; display: block; } - .sansAttachButton__5f863:has(.attachWrapper_d01704) { + .sansAttachButton_d0696b:has(.attachWrapper_f298d4) { padding-left: 0; } - .attachButton__56f98 { + .attachButton_f298d4 { height: 44px !important; width: 46px !important; svg { @@ -61,7 +61,7 @@ background: var(--interactive-active); } } - .scrollableContainer_ff917f { + .scrollableContainer_d0696b { background: transparent; padding-right: 8px; border-radius: var(--rounded); @@ -70,7 +70,7 @@ display: none; } - .button__581d0 { + .button_dd4f85 { padding: 0 10px; margin: 0; height: 100%; @@ -84,17 +84,17 @@ background: var(--interactive-active); } } - .contents__322f4 { + .contents_dd4f85 { margin: 0; padding: 0; height: 100%; } - .buttonWrapper_bd4bd7 { + .buttonWrapper_cecf00 { cursor: var(--cursor); } } - .typingDots__0448d { + .typingDots_d7ebeb { filter: drop-shadow(0 3px 5px hsl(0 0% 0% / 0.5)); } @@ -113,7 +113,7 @@ mask: url(mono.$sticker) center/28px; } // Emoji - .sprite__294b3 { + .sprite_af14ca { width: 26px; height: 26px; mask: url(mono.$emoji) center/cover; diff --git a/src/theme/guilds/_container.scss b/src/theme/guilds/_container.scss index f412f8a..b6f909c 100644 --- a/src/theme/guilds/_container.scss +++ b/src/theme/guilds/_container.scss @@ -1,10 +1,10 @@ #app-mount { - .guilds__2b93a { + .guilds_a4d4d9 { width: var(--server-container); background: transparent; - &.hidden__7c832 { + &.hidden_fea3ef { display: none; - & + .base_c0676e { + & + .base_a4d4d9 { border: none; } } @@ -12,10 +12,10 @@ margin-bottom: var(--server-container); } } - .scroller_de945b { + .scroller_fea3ef { background: var(--bg-main); padding-top: 0; - .tutorialContainer_b06ae6 + div:not([class]) { + .tutorialContainer_f9623d + div:not([class]) { height: var(--server-size) !important; margin-bottom: 4px; } diff --git a/src/theme/guilds/_folder.scss b/src/theme/guilds/_folder.scss index bb0c001..7f03f9d 100644 --- a/src/theme/guilds/_folder.scss +++ b/src/theme/guilds/_folder.scss @@ -1,13 +1,13 @@ #app-mount { - .wrapper__832f2 { + .wrapper_bc7085 { width: 100%; } - .closedFolderIconWrapper__722d5 { + .closedFolderIconWrapper_bc7085 { padding: 6px; position: relative; z-index: 1; } - .folderIconWrapper__11165 { + .folderIconWrapper_bc7085 { border-radius: var(--rounded); transition: box-shadow 0.15s var(--transition); &[style^='background-color'] { @@ -17,21 +17,21 @@ } } } - .expandedFolderBackground_b1385f { + .expandedFolderBackground_bc7085 { border-radius: var(--rounded); height: 100%; width: var(--server-size); left: 50%; transform: translateX(-50%); - &:not(.collapsed__98ad5) { + &:not(.collapsed_bc7085) { background: var(--server-bg); } } - .folder__17546 { + .folder_bc7085 { background: transparent; cursor: var(--cursor); } - .guildIcon_b6bfa7 { + .guildIcon_bc7085 { border-radius: var(--server-folder-icon-shape); width: calc(var(--server-icon-size) / 1.8); height: calc(var(--server-icon-size) / 1.8); diff --git a/src/theme/guilds/_server.scss b/src/theme/guilds/_server.scss index 3ce469d..b8c5ae0 100644 --- a/src/theme/guilds/_server.scss +++ b/src/theme/guilds/_server.scss @@ -2,7 +2,7 @@ @use '../mixins'; #app-mount { - .guilds__2b93a { + .guilds_a4d4d9 { [class*='pill'] { width: 4px; margin-left: 0; @@ -39,7 +39,7 @@ } } } - .listItem__48528 { + .listItem_c96c45 { margin: 0 0 4px; width: var(--server-container); position: relative; @@ -49,20 +49,20 @@ box-sizing: border-box; } } - .wrapper_a6f950 { + .wrapper_f90abb { border-radius: var(--rounded); cursor: var(--cursor); width: var(--server-size); height: var(--server-size); } - .wrapper__9916c { + .wrapper_c5f96a { cursor: var(--cursor); } - .wrapper_a6f950 { + .wrapper_f90abb { position: relative; transition: box-shadow 0.15s var(--transition); &:hover, - &.selected_b420e6 { + &.selected_f90abb { box-shadow: var(--server-hover-selected); } } @@ -78,8 +78,8 @@ } } - .icon_e2a8c1, - .childWrapperNoHoverBg_bc176a { + .icon_f90abb, + .childWrapperNoHoverBg_f90abb { width: var(--server-icon-size); height: var(--server-icon-size); border-radius: var(--server-icon-shape); @@ -87,7 +87,7 @@ z-index: 2; } - .wrapper_a6f950 svg { + .wrapper_f90abb svg { width: 75%; height: 75%; mask: url(mono.$home) center/cover; @@ -97,23 +97,23 @@ } } - .childWrapperNoHoverBg_bc176a { + .childWrapperNoHoverBg_f90abb { background: transparent; font-weight: var(--font-weight-semibold); } - .wrapper_a6f950.selected_ae80f7 .childWrapperNoHoverBg_bc176a { + .wrapper_f90abb.selected_ae80f7 .childWrapperNoHoverBg_f90abb { background: transparent; color: var(--text-primary); } - .circleIconButton__05cf2 { + .circleIconButton_db6521 { background: transparent; - &.selected_aded59 { + &.selected_db6521 { background: transparent; } } - .blobContainer_c44493:active { + .blobContainer_a5ad63:active { transform: none; } } diff --git a/src/theme/inputs/_button.scss b/src/theme/inputs/_button.scss index 4687619..70f5e52 100644 --- a/src/theme/inputs/_button.scss +++ b/src/theme/inputs/_button.scss @@ -1,6 +1,6 @@ #app-mount { - .button__581d0, - .button__581d0 { + .button_dd4f85, + .button_dd4f85 { border-radius: var(--btn-radius); padding: 4px 10px; line-height: 20px; @@ -16,32 +16,32 @@ [class*='shine'] { display: none; } - .contents__322f4 { + .contents_dd4f85 { display: flex; align-items: center; gap: 8px; } - &.buttonColor__7bad9 { + &.buttonColor_adcaac { background: rgb(var(--accent)); color: var(--accent-text); } - &.lookFilled__950dd { + &.lookFilled_dd4f85 { border: 1px solid var(--btn-border-x); border-top-color: var(--btn-border-t); border-bottom-color: var(--btn-border-b); font-weight: var(--font-weight-semibold); transition: box-shadow 0.15s var(--transition); - &.colorBrand__27d57, + &.colorBrand_dd4f85, &.colorGreen-3y-Z79 { background: rgb(var(--accent)); color: var(--accent-text); } - &.colorRed__5a617 { + &.colorRed_dd4f85 { background: hsl(var(--discord-red)); } &.colorGrey-2iAG-B, - &.colorPrimary_ebe632 { + &.colorPrimary_dd4f85 { background: var(--btn-bg); font-weight: var(--font-weight-regular); color: var(--text-primary); @@ -53,9 +53,9 @@ border-color: var(--btn-border-active) !important; } } - &.colorBrand__27d57, + &.colorBrand_dd4f85, &.colorGreen-3y-Z79, - &.colorRed__5a617 { + &.colorRed_dd4f85 { &:hover { box-shadow: inset 0 0 0 100vmax hsl(0 0% 0% / 0.1); border-color: hsl(0 0% 0% / 0.1); @@ -67,11 +67,11 @@ } } - &.lookOutlined__014b5 { + &.lookOutlined_dd4f85 { cursor: pointer; border: none; background: transparent !important; - .contents__322f4 { + .contents_dd4f85 { background: none; } @@ -98,18 +98,18 @@ opacity: 0.07; } - &.colorRed__5a617 { + &.colorRed_dd4f85 { color: hsl(var(--discord-red)); } } - &.lookLink_a2da25 { + &.lookLink_dd4f85 { cursor: pointer; color: rgb(var(--accent)); - .contents__322f4 { + .contents_dd4f85 { background: none; } - &.sizeMin__508da { + &.sizeMin_dd4f85 { font-size: var(--font-size-xs); } &:hover { diff --git a/src/theme/inputs/_checkboxes.scss b/src/theme/inputs/_checkboxes.scss index d76bbdd..babbf49 100644 --- a/src/theme/inputs/_checkboxes.scss +++ b/src/theme/inputs/_checkboxes.scss @@ -1,5 +1,5 @@ #app-mount [role='menuitemcheckbox'] { - .iconContainer__5d61c { + .iconContainer_d90b3d { border: 1px solid var(--text-muted); border-radius: var(--rounded); width: 18px; @@ -23,7 +23,7 @@ svg { display: none; } - &[aria-checked='true'] .iconContainer__5d61c { + &[aria-checked='true'] .iconContainer_d90b3d { border-color: rgb(var(--accent)); background: rgb(var(--accent)); &::before { diff --git a/src/theme/inputs/_radio.scss b/src/theme/inputs/_radio.scss index a5d413d..e7f6e85 100644 --- a/src/theme/inputs/_radio.scss +++ b/src/theme/inputs/_radio.scss @@ -1,5 +1,5 @@ #app-mount [role='menuitemradio'] { - .iconContainer__5d61c { + .iconContainer_d90b3d { border: 1px solid var(--text-muted); box-sizing: border-box; border-radius: 50%; @@ -18,7 +18,7 @@ svg { display: none; } - &[aria-checked='true'] .iconContainer__5d61c { + &[aria-checked='true'] .iconContainer_d90b3d { border-color: rgb(var(--accent)); background: rgb(var(--accent)); &::before { diff --git a/src/theme/inputs/_radiogroup.scss b/src/theme/inputs/_radiogroup.scss index 4aa6de2..94abcaf 100644 --- a/src/theme/inputs/_radiogroup.scss +++ b/src/theme/inputs/_radiogroup.scss @@ -5,7 +5,7 @@ background: var(--bg-content); border-radius: var(--rounded); overflow: hidden; - .item_b7fb7e { + .item_eb92a8 { background: transparent; margin: 0; border-radius: 0; @@ -15,7 +15,7 @@ &:hover { background: var(--bg-content-alt); } - &[aria-checked='true'] .radioBar__70669 > div:first-child { + &[aria-checked='true'] .radioBar_eb92a8 > div:first-child { background: var(--radio-bar-accent-color, var(--accent-solid)); border-color: var(--radio-bar-accent-color, var(--accent-solid)); &::before { @@ -23,7 +23,7 @@ } } } - .radioBar__70669 { + .radioBar_eb92a8 { border-radius: 0; padding: 16px !important; display: flex; diff --git a/src/theme/inputs/_select.scss b/src/theme/inputs/_select.scss index 8b1c45a..f9cc15c 100644 --- a/src/theme/inputs/_select.scss +++ b/src/theme/inputs/_select.scss @@ -1,7 +1,7 @@ @use '../mixins'; #app-mount { - .select_fe2671 { + .select_f6639d { background: var(--btn-bg); font-weight: var(--font-weight-regular); color: var(--text-normal); @@ -30,7 +30,7 @@ } } - .popout_a6e77f { + .popout_f6639d { background: var(--bg-menu); border-radius: var(--rounded); border: 1px solid var(--border); @@ -42,7 +42,7 @@ gap: 4px; max-height: 350px !important; } - .option_eb83e4 { + .option_f6639d { border-radius: var(--rounded); font-size: var(--font-size-sm); padding: 10px 14px; @@ -68,7 +68,7 @@ } } } - .selectedIcon_e9ecc2 { + .selectedIcon_f6639d { display: none; } .optionLabel-1h0MHL { diff --git a/src/theme/inputs/_slider.scss b/src/theme/inputs/_slider.scss index 494a6cb..ae83d38 100644 --- a/src/theme/inputs/_slider.scss +++ b/src/theme/inputs/_slider.scss @@ -1,14 +1,14 @@ #app-mount [role='slider'] { - .bar_e58961 { + .bar_c7a159 { height: 4px; } - .barFill__1f56b { + .barFill_c7a159 { background: rgb(var(--accent)); } - .track_b31f5a { + .track_c7a159 { left: 10px; } - .grabber_e3daf3 { + .grabber_c7a159 { border: 4px solid var(--bg-highest); margin-top: 0; background: rgb(var(--accent)); @@ -21,7 +21,7 @@ margin-top: -2px; } - &.mini_d6d84c .grabber_e3daf3 { + &.mini_c7a159 .grabber_c7a159 { width: 12px; height: 12px; top: 100%; diff --git a/src/theme/inputs/_switch.scss b/src/theme/inputs/_switch.scss index d1c661c..9aa9442 100644 --- a/src/theme/inputs/_switch.scss +++ b/src/theme/inputs/_switch.scss @@ -1,4 +1,4 @@ -#app-mount .container__2ed72 { +#app-mount .container_cebd1c { background: transparent !important; width: 40px; height: 20px; diff --git a/src/theme/members/_container.scss b/src/theme/members/_container.scss index a870e8a..c8238ac 100644 --- a/src/theme/members/_container.scss +++ b/src/theme/members/_container.scss @@ -1,17 +1,17 @@ #app-mount { - .container_f79ab4, - .members__573eb, - .members__573eb > div { + .container_cbd271, + .members_cbd271, + .members_cbd271 > div { background: var(--bg-alt); } - .membersWrap__5ca6b { + .membersWrap_cbd271 { border-left: 1px solid var(--border-mid); min-width: var(--members-width); width: var(--members-width); height: 100%; } - .members__573eb { + .members_cbd271 { width: 100%; padding: 8px 2px 8px 8px !important; box-sizing: border-box; diff --git a/src/theme/members/_header.scss b/src/theme/members/_header.scss index 13f4fcc..28fa64b 100644 --- a/src/theme/members/_header.scss +++ b/src/theme/members/_header.scss @@ -1,4 +1,4 @@ -#app-mount .membersGroup_cad095 { +#app-mount .membersGroup_cbd271 { padding: 16px 16px 8px; height: auto; } diff --git a/src/theme/members/_member.scss b/src/theme/members/_member.scss index e802671..d1a3015 100644 --- a/src/theme/members/_member.scss +++ b/src/theme/members/_member.scss @@ -1,11 +1,11 @@ @use '../mixins'; -#app-mount .member_aa4760 { +#app-mount .member_a31c43 { max-width: none; margin: 0; padding: 2px 0; background: transparent; - .layout_bb8e67 { + .layout_e9f61e { height: 48px; padding: 0 16px; cursor: var(--cursor); @@ -24,14 +24,14 @@ } } - .name__7afe8 { + .name_e9f61e { @include mixins.text; } - &:hover .layout_bb8e67 { + &:hover .layout_e9f61e { background: var(--bg-interactive-high); } - &.selected__7f4cb .layout_bb8e67 { + &.selected_e9f61e .layout_e9f61e { background: var(--bg-interactive-high); &::before { height: var(--pill-height); diff --git a/src/theme/modals/_acceptrules.scss b/src/theme/modals/_acceptrules.scss index c83e17b..2a5db92 100644 --- a/src/theme/modals/_acceptrules.scss +++ b/src/theme/modals/_acceptrules.scss @@ -1,12 +1,12 @@ #app-mount { - .container__30a2e { + .container_a74b6f { width: 748px !important; } - .guildSidebar__74787 { + .guildSidebar_a74b6f { background: var(--bg-alt); border-right: 1px solid var(--border-high); } - .modal_b38209 { + .modal_a74b6f { background: transparent; } .formFieldWrapper-2LV3S6 { diff --git a/src/theme/modals/_accountswitcher.scss b/src/theme/modals/_accountswitcher.scss index ba07cf0..9cc9e28 100644 --- a/src/theme/modals/_accountswitcher.scss +++ b/src/theme/modals/_accountswitcher.scss @@ -5,7 +5,7 @@ width: 100%; background: transparent; padding: 24px; - .title__2c816 { + .title_dc6abe { @include mixins.modalTitle; text-align: left; } diff --git a/src/theme/modals/_customstatus.scss b/src/theme/modals/_customstatus.scss index 5e5762b..703955e 100644 --- a/src/theme/modals/_customstatus.scss +++ b/src/theme/modals/_customstatus.scss @@ -11,7 +11,7 @@ } .emojiButtonContainer-gCE6AT { margin: 0; - .sprite__294b3 { + .sprite_af14ca { width: 20px; height: 20px; } diff --git a/src/theme/modals/_deletemessage.scss b/src/theme/modals/_deletemessage.scss index 2a40490..b85e838 100644 --- a/src/theme/modals/_deletemessage.scss +++ b/src/theme/modals/_deletemessage.scss @@ -1,11 +1,11 @@ #app-mount .content-2hZxGK { - .message_ff43e6 { + .message_ddcc45 { background: transparent; box-shadow: none; } - .cozy_f5c119 { + .cozy_ec86aa { padding-left: 54px; - .avatar__08316 { + .avatar_ec86aa { left: 0; } } diff --git a/src/theme/modals/_events.scss b/src/theme/modals/_events.scss index bd684cf..b659786 100644 --- a/src/theme/modals/_events.scss +++ b/src/theme/modals/_events.scss @@ -1,4 +1,4 @@ -#app-mount .root_a28985 .content-Lj791F { +#app-mount .root_f9a4c9 .content-Lj791F { gap: 24px; & > div[style*='relative']:not([class]) { width: 100% !important; diff --git a/src/theme/modals/_modal.scss b/src/theme/modals/_modal.scss index b657878..2466693 100644 --- a/src/theme/modals/_modal.scss +++ b/src/theme/modals/_modal.scss @@ -1,6 +1,6 @@ @use '../mixins'; -#app-mount .root_a28985:not(.modal_d2e7a7, .carouselModal__7e22f, .root-2uUafN, .root_a28985) { +#app-mount .root_f9a4c9:not(.modal_aee8c6, .carouselModal_d2b9a1, .root-2uUafN, .root_f9a4c9) { border: 1px solid var(--border-high); border-radius: var(--rounded); background: var(--bg-content); @@ -33,7 +33,7 @@ .size24-17l95E { @include mixins.modalTitle; } - button[type='button'].button__581d0:not(.lookFilled-yCfaCM) { + button[type='button'].button_dd4f85:not(.lookFilled-yCfaCM) { display: none; } } @@ -42,7 +42,7 @@ padding: 0 24px 24px !important; display: flex; flex-direction: column; - .marginBottom20__9fcf3 { + .marginBottom20_f7730b { margin-bottom: 0; & + * { margin-top: 20px; @@ -64,7 +64,7 @@ margin: 0; } - .footer_e0b400 { + .footer_f9a4c9 { padding: 24px; background: var(--bg-main); box-shadow: none; diff --git a/src/theme/modals/_quickswitcher.scss b/src/theme/modals/_quickswitcher.scss index 003a69c..1327dd1 100644 --- a/src/theme/modals/_quickswitcher.scss +++ b/src/theme/modals/_quickswitcher.scss @@ -1,18 +1,18 @@ @use '../mixins'; #app-mount { - .container_a35729 { + .container_f4e139 { max-height: 500px; height: 50vh; } - .quickswitcher_b5bb0a { + .quickswitcher_f4e139 { height: 100%; padding: 16px 16px 0; border-radius: var(--rounded); box-shadow: none; background: var(--bg-main); } - .scroller_d4b86c { + .scroller_f4e139 { margin: 0 -12px 0 0; max-height: none; background: transparent; @@ -21,7 +21,7 @@ } } - .input__2a648 { + .input_f4e139 { background: var(--textbox-bg); border: 1px solid var(--textbox-border); height: 32px; @@ -50,20 +50,20 @@ } } - div:not([class]) > .content_fdd09a { + div:not([class]) > .content_f14193 { height: auto; line-height: normal; padding: 12px 12px 6px; } - .header__794a7 { + .header_f14193 { margin: 0; @include mixins.subText; text-transform: none; } - .result__25f11 { + .result_f14193 { border-radius: var(--rounded); - .content_fdd09a { + .content_f14193 { position: relative; padding: 0 16px; cursor: var(--cursor); @@ -83,7 +83,7 @@ } &[aria-selected='true'] { background: var(--bg-interactive); - .content_fdd09a { + .content_f14193 { &::before { height: var(--pill-height); opacity: 1; diff --git a/src/theme/os/_mac.scss b/src/theme/os/_mac.scss index 0f454f5..1cad446 100644 --- a/src/theme/os/_mac.scss +++ b/src/theme/os/_mac.scss @@ -1,5 +1,5 @@ .platform-osx { - #app-mount .layer__2efaa .toolsContainer_f5d55d { + #app-mount .layer_d4b6c5 .toolsContainer_c25c6d { left: 70px; } } diff --git a/src/theme/os/_windows.scss b/src/theme/os/_windows.scss index 5f3eaf4..8a29afc 100644 --- a/src/theme/os/_windows.scss +++ b/src/theme/os/_windows.scss @@ -1,17 +1,17 @@ -.platform-win #app-mount .typeWindows_e41dab + div { - .layer_f7d46a { +.platform-win #app-mount .typeWindows_a934d8 + div { + .layer_d4b6c5 { top: 0; padding-top: 0; - &.baseLayer__2b890 { + &.baseLayer_d4b6c5 { padding-top: calc(var(--win-btn-height) + 4px) !important; } } - .standardSidebarView__12528 { + .standardSidebarView_c25c6d { top: 0; } } -.typeWindows_e41dab { +.typeWindows_a934d8 { height: var(--win-btn-height); z-index: 2; background: transparent; @@ -21,11 +21,11 @@ pointer-events: none; right: 0; } -.winButton_f17fb6 { +.winButton_a934d8 { height: calc(var(--win-btn-height) + 4px); width: var(--win-btn-width); cursor: var(--cursor); } -.wordmarkWindows_ffbc5e { +.wordmarkWindows_a934d8 { display: none; } diff --git a/src/theme/pages/_friends.scss b/src/theme/pages/_friends.scss index ea248b2..cec7bf0 100644 --- a/src/theme/pages/_friends.scss +++ b/src/theme/pages/_friends.scss @@ -1,20 +1,20 @@ @use '../mixins'; #app-mount { - .peopleColumn__0c784 { + .peopleColumn_c2739c { position: relative; } - .peopleList_d2f527 { + .peopleList_e0840f { padding-bottom: calc(var(--bottombar-height) * 1.5); } - .container_bd15da { + .container_c2739c { background: var(--bg-alt); } - .tabBody_a90ea8::before { + .tabBody_c2739c::before { content: none; } - .searchBar__310d8 { + .searchBar_e0840f { margin: 0; position: absolute; bottom: 12px; @@ -57,10 +57,10 @@ } } - .title_c42cad { + .title_a1cafe { margin: 16px; } - .peopleListItem_dab480 { + .peopleListItem_d51464 { height: auto !important; margin: 0 4px 4px 16px; padding: 8px 16px; @@ -85,7 +85,7 @@ z-index: 1; } - .actionButton__2b4bb { + .actionButton_e01b91 { @include mixins.btn; @include mixins.btnSecondary; width: auto; @@ -95,7 +95,7 @@ &:hover { background: var(--bg-interactive-high); } - &.active__6b8ff { + &.active_d51464 { background: var(--bg-interactive-high); &::before { height: var(--pill-height); @@ -105,7 +105,7 @@ } // Add friend - .addFriendInputWrapper__2b30b { + .addFriendInputWrapper_de812f { padding: 0; border: none; background: transparent; diff --git a/src/theme/pages/_nitro.scss b/src/theme/pages/_nitro.scss index 1092a28..5a1103c 100644 --- a/src/theme/pages/_nitro.scss +++ b/src/theme/pages/_nitro.scss @@ -1,10 +1,10 @@ #app-mount { // Hide avatar - .sidebar_e031be.hiddenOnMobileStore-2z5BJi .avatarWrapper__500a6 { + .sidebar_a4d4d9.hiddenOnMobileStore-2z5BJi .avatarWrapper_b2ca13 { display: none; } - .applicationStore__444b9 { + .applicationStore_cecc86 { background: var(--bg-alt); } diff --git a/src/theme/pages/_sidebar.scss b/src/theme/pages/_sidebar.scss index b9418e6..acdeb31 100644 --- a/src/theme/pages/_sidebar.scss +++ b/src/theme/pages/_sidebar.scss @@ -1,24 +1,24 @@ @use '../mixins'; #app-mount { - .container__3673d { + .container_bf550a { background: transparent; } - .nowPlayingColumn_b025fe { + .nowPlayingColumn_c2739c { background: transparent; } - .scroller__7c25e { + .scroller_bf550a { border-left: 1px solid var(--border-mid); margin: 0; } - .header_c56a27 { + .header_bf550a { margin: 0 0 16px; @include mixins.subTitle; } - .itemCard_b64118 { + .itemCard_f02fcf { border-radius: var(--rounded); border: 1px solid var(--border); background: var(--bg-content); @@ -34,19 +34,19 @@ background: var(--bg-content-alt); } } - .header__3cd76 { + .header_cd82a7 { padding: 12px; } - .body__616e6 { + .body_cd82a7 { margin: 0; border-top: 1px solid var(--border); border-radius: 0; background: transparent; } - .section__253ec { + .section_cd82a7 { background: transparent; } - .voiceSectionDetails__00679 { + .voiceSectionDetails_cd82a7 { cursor: var(--cursor); } } diff --git a/src/theme/popouts/_autocomplete.scss b/src/theme/popouts/_autocomplete.scss index b6c8726..f746ac9 100644 --- a/src/theme/popouts/_autocomplete.scss +++ b/src/theme/popouts/_autocomplete.scss @@ -1,27 +1,27 @@ #app-mount { .autocomplete-3jLKb0j, - .outerWrapper__99794, - .autocomplete__743a5 { + .outerWrapper_fe2299, + .autocomplete_f23da8 { background: var(--bg-menu); border: 1px solid var(--border-high); box-shadow: var(--shadow-flyout); } // Left side - .wrapper__35c78, - .wrapper__85934 { + .wrapper_efd8e6, + .wrapper_dc0b29 { background: var(--bg-main); } // Right side - .wrapper__91b2c { + .wrapper_e06857 { background: var(--bg-menu); } - .autocompleteRow__2a1b9 { + .autocompleteRow_f23da8 { border-radius: var(--rounded); padding: 0 4px; - .base__87e58 { + .base_f23da8 { padding: 6px 16px; position: relative; &::before { diff --git a/src/theme/popouts/_emojipicker.scss b/src/theme/popouts/_emojipicker.scss index 2f22448..357be2d 100644 --- a/src/theme/popouts/_emojipicker.scss +++ b/src/theme/popouts/_emojipicker.scss @@ -1,5 +1,5 @@ #app-mount { - .contentWrapper_e0bb2c { + .contentWrapper_af5dbb { background: var(--bg-menu); border-radius: var(--rounded); border: 1px solid var(--border-high); @@ -9,18 +9,18 @@ [class^='header_']:not([aria-expanded]) { box-shadow: none; } - &:has(.nav_b56420) { + &:has(.nav_af5dbb) { grid-template-rows: 40px auto; } } - .inspector__80c84 { + .inspector_c3120f { border-top: 1px solid var(--border-high); background: var(--bg-alt); padding: 0 12px; } - .nav_b56420 { + .nav_af5dbb { padding: 0 8px; - .navButton_b588d0 { + .navButton_af5dbb { margin: 0; border: none; padding: 10px 12px; @@ -59,8 +59,8 @@ } } } - .container__33507:not(.searchBar__310d8), - .container_ec5ce2 { + .container__33507:not(.searchBar_e0840f), + .container_effbe2 { background: var(--textbox-bg-high); border: 1px solid var(--textbox-border); padding: 0; @@ -97,7 +97,7 @@ } } - .listWrapper__588b8 { + .listWrapper_d8cdac { border-left: 1px solid var(--border-high); } } diff --git a/src/theme/popouts/_inbox.scss b/src/theme/popouts/_inbox.scss index c40e2d4..bb1c98a 100644 --- a/src/theme/popouts/_inbox.scss +++ b/src/theme/popouts/_inbox.scss @@ -1,18 +1,18 @@ @use '../mixins'; #app-mount { - .container_eb737e { + .container_f1c3d9 { @include mixins.popoutContainer; } - .container__7c2c1 { + .container_ddb5b4 { padding: 0; margin: 0; } - .channelHeader_ea0f89 { + .channelHeader_f3978e { background: var(--bg-main); padding: 0 12px; } - .messageContainer_cb3d47 { + .messageContainer_ddb5b4 { padding-top: 0; margin-left: 0; background: transparent; diff --git a/src/theme/popouts/_menu.scss b/src/theme/popouts/_menu.scss index 6f1754a..72577f7 100644 --- a/src/theme/popouts/_menu.scss +++ b/src/theme/popouts/_menu.scss @@ -12,13 +12,13 @@ &::-webkit-scrollbar { display: none; } - & > .item__183e8, + & > .item_d90b3d, & > div:not([class], [role='group']) { margin: 6px; } } - .wrapper__01a96 { + .wrapper_a24e84 { padding: 6px 6px 0 !important; &::after { content: ''; @@ -30,10 +30,10 @@ margin-top: 6px; } } - .customItem__3f15f { + .customItem_d90b3d { width: 100%; } - .button_bfb8e1 { + .button_a24e84 { width: 100%; border-radius: var(--rounded); background: transparent; @@ -44,15 +44,15 @@ } } - [role='group']:not(.wrapper__01a96, .container_ed2af4) { + [role='group']:not(.wrapper_a24e84, .container_b64375) { padding: 6px; display: flex; flex-direction: column; gap: 4px; - & > .item__183e8:last-child { + & > .item_d90b3d:last-child { margin-bottom: 0; } - & > .hideInteraction__0b569 { + & > .hideInteraction_d90b3d { padding: 0; } } @@ -74,20 +74,20 @@ min-height: auto; } - .item__183e8 { + .item_d90b3d { margin: 0; border-radius: var(--rounded); padding: 8px 12px; cursor: var(--cursor); gap: 8px; - .iconContainer__5d61c { + .iconContainer_d90b3d { margin: 0; display: flex; svg { margin: auto; } } - .icon__0bfbf { + .icon_d90b3d { color: currentColor; } .newBadge__4f501 { @@ -101,7 +101,7 @@ &.hideInteraction-2jPGL_ { padding: 0; } - &.focused_dcafb9, + &.focused_d90b3d, &:active:not(.hideInteraction-2jPGL_) { background: var(--bg-menu-item); color: var(--text-primary) !important; @@ -115,7 +115,7 @@ } // Reset .submenuContainer-3EVTeH { - .item__183e8 { + .item_d90b3d { flex-direction: row; } .layer-2aCOJ3 { diff --git a/src/theme/popouts/_pinnedmessages.scss b/src/theme/popouts/_pinnedmessages.scss index eaff43c..2a99359 100644 --- a/src/theme/popouts/_pinnedmessages.scss +++ b/src/theme/popouts/_pinnedmessages.scss @@ -1,22 +1,22 @@ @use '../mixins'; #app-mount { - .messagesPopoutWrap__10dd1 { + .messagesPopoutWrap_ac90a2 { @include mixins.popoutContainer; - .messageGroupWrapper__1fce2 { + .messageGroupWrapper_ac90a2 { background: transparent; } - .cozy_f5c119.wrapper_a62503 { + .cozy_ec86aa.wrapper_ec86aa { padding: 8px 16px 8px 72px; img { left: 16px; } - .header__6a14d { + .header_ec86aa { margin-bottom: 6px; } } - .actionButtons_eb040c { + .actionButtons_ac90a2 { top: 0; right: 0; } diff --git a/src/theme/popouts/_popout.scss b/src/theme/popouts/_popout.scss index 1accc38..9d55b6d 100644 --- a/src/theme/popouts/_popout.scss +++ b/src/theme/popouts/_popout.scss @@ -1,8 +1,8 @@ @use '../mixins'; #app-mount [role='dialog'] { - .header__6d44a, - .header__21b33 { + .header_e664f3, + .header_ac90a2 { border-bottom: 1px solid var(--border-high); background: var(--bg-alt); box-shadow: none; diff --git a/src/theme/popouts/_searchsuggestions.scss b/src/theme/popouts/_searchsuggestions.scss index 4e02eed..aef7816 100644 --- a/src/theme/popouts/_searchsuggestions.scss +++ b/src/theme/popouts/_searchsuggestions.scss @@ -1,7 +1,7 @@ @use '../mixins'; #app-mount { - .container__84c26 { + .container_eedf95 { border: 1px solid var(--border); background: var(--bg-menu); border-radius: var(--rounded); @@ -12,7 +12,7 @@ display: none; } } - .option__91497 { + .option_b0286e { @include mixins.text; height: auto; border-radius: var(--rounded); @@ -27,29 +27,29 @@ background: var(--bg-menu-item); } } - .plusIcon__3ff01 { + .plusIcon_b0286e { display: none; } - .header__00739 { + .header_b0286e { padding: 8px 12px; } - .resultsGroup_b221b0 { + .resultsGroup_b0286e { padding: 4px; margin: 0; &::before { content: none; } - & ~ .resultsGroup_b221b0 { + & ~ .resultsGroup_b0286e { padding-top: 0; } } - .filter__851fb, - .displayedNick_ee206c { + .filter_b0286e, + .displayedNick_b0286e { color: var(--text-primary); } - .answer__9ff92, - .displayUsername__41697 { + .answer_b0286e, + .displayUsername_b0286e { color: var(--text-tertiary); } } diff --git a/src/theme/popouts/_threads.scss b/src/theme/popouts/_threads.scss index 755a934..86e9204 100644 --- a/src/theme/popouts/_threads.scss +++ b/src/theme/popouts/_threads.scss @@ -1,10 +1,10 @@ @use '../mixins'; #app-mount { - .container_f93da8 { + .container_e664f3 { @include mixins.popoutContainer; } - .header__6d44a { + .header_e664f3 { border-bottom: 1px solid var(--border-high); background: var(--bg-alt); padding: 0 12px; @@ -13,7 +13,7 @@ margin: 0; } } - .divider__622af { + .divider_e664f3 { background: var(--border-high); height: 100%; } diff --git a/src/theme/profile/_panel.scss b/src/theme/profile/_panel.scss index cd6aca7..1bb4b53 100644 --- a/src/theme/profile/_panel.scss +++ b/src/theme/profile/_panel.scss @@ -1,23 +1,23 @@ @use '../mixins'; #app-mount { - .profilePanel_e2cafe { + .profilePanel_b433b4 { border-left: 1px solid var(--border-high); - background: var(--bg-altuserPanelInner_f9edb8); + background: var(--bg-altuserPanelInner_c69a7b); - .userPanelOuter_eb00b1:not(.userProfileOuterThemed__1fbd7), - .userPanelInner_f9edb8 { + .userPanelOuter_c69a7b:not(.userProfileOuterThemed_c69a7b), + .userPanelInner_c69a7b { background: transparent; } - .bannerSVGWrapper__8a38c { + .bannerSVGWrapper_b32cc2 { overflow: visible; pointer-events: none; foreignObject { mask: none; } } - .banner__6d414 { + .banner_c3e427 { mask: linear-gradient(hsl(0 0% 0% / 0.5), transparent 90%); position: absolute; width: 100%; @@ -30,11 +30,11 @@ display: none; } } - .gifTag__9db5a { + .gifTag_b30195 { display: none; } - .avatarWrapperNormal__36eec { + .avatarWrapperNormal_f89da9 { top: 24px; right: 24px; left: unset; @@ -46,22 +46,22 @@ } } - .badgelistGroup__8f7c7 { + .badgelistGroup_ab525a { position: absolute; top: 85px; left: 16px; padding: 0; margin: 0; } - .badgeList__76720 { + .badgeList_ab525a { background: transparent; padding: 0; } - .overlayBackground__2666e { + .overlayBackground_c69a7b { position: unset; background: var(--bg-transparent); - &:nth-child(2) > .section__62b44:first-of-type { + &:nth-child(2) > .section_d7a21f:first-of-type { padding: 0; position: absolute; top: 16px; @@ -72,14 +72,14 @@ } } - .profilePanelConnections__34438 { + .profilePanelConnections_b433b4 { background: transparent; button { @include mixins.btnSecondary; } } - .mutualFriendsDivider__2c616 { + .mutualFriendsDivider_b433b4 { border: none; margin-top: 12px; } diff --git a/src/theme/settings/_container.scss b/src/theme/settings/_container.scss index b59d08e..779be31 100644 --- a/src/theme/settings/_container.scss +++ b/src/theme/settings/_container.scss @@ -1,10 +1,10 @@ @use '../mixins'; @use '../assets/mono'; -#app-mount .layer_f7d46a { +#app-mount .layer_d4b6c5 { background: var(--bg-main); - .toolsContainer__4e6ad { + .toolsContainer_c25c6d { margin: 0; padding: 0; flex: none; @@ -17,16 +17,16 @@ -webkit-user-drag: none; -webkit-app-region: none; } - .tools_c0ff70 { + .tools_c25c6d { position: static; } - .container__3529f { + .container_df5532 { flex-direction: row; align-items: center; width: 100%; gap: 8px; } - .closeButton__8177f { + .closeButton_df5532 { border-radius: var(--btn-radius); width: 42px; flex: 0 0 42px; @@ -49,7 +49,7 @@ transform: none; } } - .keybind_a619c1 { + .keybind_df5532 { margin-top: 0; font-size: 0; color: var(--text-primary); @@ -60,22 +60,22 @@ } } - & ~ .layer_f7d46a { - .standardSidebarView__12528 { + & ~ .layer_d4b6c5 { + .standardSidebarView_c25c6d { background: var(--bg-main); } - .sidebarRegion__36437 { + .sidebarRegion_c25c6d { flex: 0; margin-top: 46px; } - .sidebarRegionScroller__8113e { + .sidebarRegionScroller_c25c6d { background: var(--bg-main); } - .sidebar__02e8d { + .sidebar_c25c6d { width: 270px; padding: 0 16px 16px; - .item__48dda { + .item_a0 { font-size: var(--font-size-sm); border-radius: var(--rounded); padding: 8px 12px; @@ -119,7 +119,7 @@ &:hover { background: var(--bg-interactive); } - &.selected_a523ff { + &.selected_a0 { background: var(--bg-interactive); .premiumLabel-V52REm { color: var(--accent-text); @@ -136,21 +136,21 @@ } } } - .header__71a82 { + .header_a0 { display: none; } - .separator_d14fb1 { + .separator_a0 { height: 0; } } - .contentRegion__08eba { + .contentRegion_c25c6d { background: var(--bg-main); } - .contentRegionScroller__9ae20 { + .contentRegionScroller_c25c6d { background: var(--bg-main); } - .contentColumn__5f80b:not(.contentColumnMinimal__7b4f5) { + .contentColumn_c25c6d:not(.contentColumnMinimal_c25c6d) { padding: 0 32px 32px; max-width: 1000px; & > div { diff --git a/src/theme/settings/_global.scss b/src/theme/settings/_global.scss index 61bbb45..a7e564d 100644 --- a/src/theme/settings/_global.scss +++ b/src/theme/settings/_global.scss @@ -1,12 +1,12 @@ @use '../assets/mono'; @use '../mixins'; -#app-mount .layer_f7d46a ~ .layer_f7d46a { +#app-mount .layer_d4b6c5 ~ .layer_d4b6c5 { // Main title - .contentColumn__5f80b { + .contentColumn_c25c6d { & > .heading-lg-semibold__85c17:first-child, - & > div > div:first-child > .sectionTitle__3e02b:first-child .title__1b7e8, - & > div:first-child > .sectionTitle__3e02b:first-child .title__1b7e8 { + & > div > div:first-child > .sectionTitle_a6ae9b:first-child .title_c46f6a, + & > div:first-child > .sectionTitle_a6ae9b:first-child .title_c46f6a { @include mixins.title; } } @@ -15,10 +15,10 @@ } // Section title - [class^='margin'] > .title__1b7e8, - .marginTop40_bda863 > .sectionTitle__3e02b > .title__1b7e8, - .title__1b7e8.marginBottom8_ce1fb9, - .sectionTitle__3e02b .title__1b7e8:not(h1) { + [class^='margin'] > .title_c46f6a, + .marginTop40_f7730b > .sectionTitle_a6ae9b > .title_c46f6a, + .title_c46f6a.marginBottom8_f7730b, + .sectionTitle_a6ae9b .title_c46f6a:not(h1) { @include mixins.subTitle; } @@ -28,13 +28,13 @@ } // Section description/text - .children_aba8cb > .description-30xx7u.formText-2ngGjI { + .children_a6ae9b > .description-30xx7u.formText-2ngGjI { @include mixins.subText; } // Form description (use data to make discord work, ect...) - .title__1b7e8.marginBottom8_ce1fb9, - .title__1b7e8.defaultMarginh3-2aILfT { + .title_c46f6a.marginBottom8_f7730b, + .title_c46f6a.defaultMarginh3-2aILfT { & + .description-30xx7u.formText-2ngGjI { background: var(--bg-content); border-radius: var(--rounded); @@ -44,29 +44,29 @@ } // Spacing - .children_aba8cb > .divider-_0um2u + div { + .children_a6ae9b > .divider-_0um2u + div { margin-top: 40px; } // Switches - .container__7ad1e { + .container_ed1d57 { @include mixins.card(column, flex-start); margin-top: 0; margin-bottom: 4px; - .title__8b9e4 { + .title_ed1d57 { @include mixins.cardTitle; } - .note__24c83 { + .note_ed1d57 { @include mixins.cardDesc; } - & + .title__1b7e8, - & + div[class^='margin']:not(.container__7ad1e) { + & + .title_c46f6a, + & + div[class^='margin']:not(.container_ed1d57) { margin-top: 40px; } } // Scrollbars - .contentRegionScroller__9ae20 { + .contentRegionScroller_c25c6d { margin-top: calc(var(--win-btn-height) + 16px); } @@ -75,25 +75,25 @@ margin-top: 40px; margin-bottom: 0; } - .children_aba8cb > [class^='marginBottom']:not(:only-child):first-child { + .children_a6ae9b > [class^='marginBottom']:not(:only-child):first-child { margin-bottom: 0; } - .title__1b7e8.defaultMarginh3-2aILfT { + .title_c46f6a.defaultMarginh3-2aILfT { margin-top: 40px; } // Save changes - .noticeRegion_b8b9df { + .noticeRegion_c25c6d { max-width: 980px; right: 0; } - .container__353bc { + .container_b6cd66 { box-shadow: var(--shadow-flyout); padding: 16px; background: var(--bg-content-alt) !important; border: 1px solid var(--border); border-radius: var(--rounded); - .flex_f18b02 { + .flex_bba380 { gap: 8px; } } diff --git a/src/theme/settings/_sidebaricons.scss b/src/theme/settings/_sidebaricons.scss index e4181d5..6f89ece 100644 --- a/src/theme/settings/_sidebaricons.scss +++ b/src/theme/settings/_sidebaricons.scss @@ -73,7 +73,7 @@ $icons: ( // &::before { // content: none !important; // } -// .premiumLabel__68f78 { +// .premiumLabel_ae3c77 { // gap: 12px; // flex-direction: row-reverse; // } diff --git a/src/theme/settings/channel/_permissions.scss b/src/theme/settings/channel/_permissions.scss index ae84fd1..756f678 100644 --- a/src/theme/settings/channel/_permissions.scss +++ b/src/theme/settings/channel/_permissions.scss @@ -1,8 +1,8 @@ #app-mount #permissions-tab { - .scroller_c92337 { + .scroller_e9196a { background: transparent; } - .button__581d0 { + .button_dd4f85 { margin-top: 40px; } } diff --git a/src/theme/settings/guild/_roles.scss b/src/theme/settings/guild/_roles.scss index f2a1bdb..1f0931b 100644 --- a/src/theme/settings/guild/_roles.scss +++ b/src/theme/settings/guild/_roles.scss @@ -1,7 +1,7 @@ @use '../../mixins'; -#app-mount .layer_f7d46a ~ .layer_f7d46a { - .customColumn__0b6a6 { +#app-mount .layer_d4b6c5 ~ .layer_d4b6c5 { + .customColumn_c25c6d { padding: 0 32px 32px; max-width: 1000px; & > div { @@ -13,10 +13,10 @@ } // List - .container__9c57c { + .container_cc7b67 { @include mixins.card; cursor: var(--cursor); - .icon_add68a { + .icon_cc7b67 { width: 22px; height: 22px; background: transparent; @@ -25,10 +25,10 @@ height: 100%; } } - .description_a29481 { + .description_cc7b67 { margin: 0; } - .label_cc1319 { + .label_cc7b67 { @include mixins.cardTitle; } .size12-oc4dx4 { @@ -104,12 +104,12 @@ } // Role - .sidebar__37984 { + .sidebar_e87574 { border: none; width: 240px; flex: 0 0 240px !important; } - .list__41249 { + .list_e87574 { padding: 0 16px 16px; .item-3XjbnG { margin: 0 0 4px; @@ -146,23 +146,23 @@ } } } - .titleContainer_d09261 { + .titleContainer_e87574 { padding: 16px; margin: 0; background: var(--bg-main); box-shadow: none; } - .title__47308 { + .title_e87574 { cursor: var(--cursor); - &:hover .left__5efee { + &:hover .left_c48316 { background: var(--bg-interactive); } } - .titleText__971fb { + .titleText_e87574 { @include mixins.subText; margin-left: 4px; } - .left__5efee { + .left_c48316 { width: 32px; height: 32px; padding: 8px; @@ -170,26 +170,26 @@ border-radius: var(--btn-radius); } - .contentWidth_f1e6d4 { + .contentWidth_bd05f1 { width: 100%; max-width: 760px; padding: 0 32px; } - .header_ee0bd9 { + .header_bd05f1 { background: var(--bg-main); margin: 0; padding-left: 0; padding-right: 0; - .tabBar_a013ee { + .tabBar_c69589 { border: none; margin: 0; } } - .permissionsForm__8552b { + .permissionsForm_a73849 { & > h5 { @include mixins.subTitle; } - & + .permissionsForm__8552b { + & + .permissionsForm_a73849 { margin-top: 40px; } } diff --git a/src/theme/settings/user/_authedapps.scss b/src/theme/settings/user/_authedapps.scss index 7814483..7194e76 100644 --- a/src/theme/settings/user/_authedapps.scss +++ b/src/theme/settings/user/_authedapps.scss @@ -1,17 +1,17 @@ @use '../../mixins'; -#app-mount .layer_f7d46a ~ .layer_f7d46a { - .formNotice__0a16b { +#app-mount .layer_d4b6c5 ~ .layer_d4b6c5 { + .formNotice_aae945 { @include mixins.card; - .h5__28baa { + .h5_c46f6a { @include mixins.cardTitle; } - .formNoticeBody__48eee { + .formNoticeBody_aae945 { @include mixins.cardDesc; } } - .authedApp__71a52 { + .authedApp_f0135d { @include mixins.card(column, stretch); margin-bottom: 4px; } diff --git a/src/theme/settings/user/_connections.scss b/src/theme/settings/user/_connections.scss index eadcff5..239ad65 100644 --- a/src/theme/settings/user/_connections.scss +++ b/src/theme/settings/user/_connections.scss @@ -1,6 +1,6 @@ @use '../../mixins'; -#app-mount .layer_f7d46a ~ .layer_f7d46a { +#app-mount .layer_d4b6c5 ~ .layer_d4b6c5 { .accountList-305sx3 { @include mixins.card(column, stretch); margin-bottom: 4px; @@ -24,11 +24,11 @@ margin: 0; } - .connectionList__5b340 { + .connectionList_e2a436 { margin-top: 40px; gap: 4px; } - .connection__6dbd8 { + .connection_e2a436 { background: var(--bg-content); border-radius: var(--rounded); border: 1px solid var(--border); @@ -39,15 +39,15 @@ margin: 0; } } - .connectionHeader__2b82f { + .connectionHeader_e2a436 { padding: 16px; background: transparent; } - .connectionOptionsWrapper__1b820 { + .connectionOptionsWrapper_e2a436 { padding: 16px; border-top: 1px solid var(--border); } - .connectionOptions__06d4b { + .connectionOptions_e2a436 { display: flex; gap: 16px; } @@ -55,7 +55,7 @@ @include mixins.cardDesc; margin: 0; } - .integrationsWrapper__57a1b { + .integrationsWrapper_e2a436 { padding: 0; margin: 0 16px 16px; border: 1px solid var(--border); @@ -66,7 +66,7 @@ display: none; } } - .integration_b27c42 { + .integration_e2a436 { margin: 0; border-radius: 0; background: transparent; diff --git a/src/theme/settings/user/_myaccount.scss b/src/theme/settings/user/_myaccount.scss index 5ab68ff..a6a9507 100644 --- a/src/theme/settings/user/_myaccount.scss +++ b/src/theme/settings/user/_myaccount.scss @@ -1,21 +1,21 @@ @use '../../assets/mono'; @use '../../mixins'; -#app-mount .layer_f7d46a ~ .layer_f7d46a { - .accountProfileCard__744d8 { +#app-mount .layer_d4b6c5 ~ .layer_d4b6c5 { + .accountProfileCard_b69b77 { background: transparent; } .banner-2boKnS, - .bannerSVGWrapper__8a38c { + .bannerSVGWrapper_b32cc2 { display: none; } - .userInfo_fb7651 { + .userInfo_b69b77 { padding: 18px; margin: 0 0 4px 0; height: auto; @include mixins.card; - .avatar__6c108 { + .avatar_b69b77 { width: 22px !important; height: 22px !important; background: var(--text-primary); @@ -79,15 +79,15 @@ background: var(--bg-content-alt) !important; } } - .background__4e802 { + .background_b69b77 { margin: 0; background: transparent; padding: 0; } - .fieldList__4e6dd { + .fieldList_b69b77 { background: transparent; border-radius: 0; - .field__69fa0 { + .field_b69b77 { &:first-child::before, &:nth-child(2)::before { mask-image: url(mono.$user); @@ -100,7 +100,7 @@ } } } - .field__69fa0 { + .field_b69b77 { @include mixins.card; .sizeMin-1mJd1x { margin-left: 8px; @@ -110,13 +110,13 @@ text-decoration: underline; } } - .fieldButtonList_fd9518 { + .fieldButtonList_b69b77 { gap: 18px; button { margin: 0; } } - .usernameInnerRow_c95e17 { + .usernameInnerRow_b69b77 { display: flex; align-items: center; } @@ -142,23 +142,23 @@ margin-top: 4px; } } - .constrainedRow__72f7a { + .constrainedRow_b69b77 { margin: 0; .size16-rrJ6ag { font-size: var(--font-size-xs); color: var(--text-muted); } } - .fieldTitle_f182ed { + .fieldTitle_b69b77 { @include mixins.cardTitle; } - .userSettingsSecurity__6051f { + .userSettingsSecurity_ad4a7c { .h1-34Txb0 { @include mixins.subTitle; } - & > .children_aba8cb { + & > .children_a6ae9b { // Password and authentication & > div:first-child { @include mixins.card; @@ -181,8 +181,8 @@ } } // 2FA Enabled - & > div.flex_f18b02 > div > div { - & > .h5__28baa:first-child { + & > div.flex_bba380 > div > div { + & > .h5_c46f6a:first-child { @include mixins.subTitle; color: transparent; &::before { @@ -193,7 +193,7 @@ display: none; } } - & > .modeDefault__2e882 { + & > .modeDefault_b89ec7 { @include mixins.card(column, flex-start); @include mixins.cardDesc; padding-left: 60px !important; @@ -231,15 +231,15 @@ } } } - & > .marginTop40_bda863 { + & > .marginTop40_f7730b { margin-top: 0; - .sectionTitle__3e02b { + .sectionTitle_a6ae9b { display: none; } - .marginBottom8_ce1fb9 { + .marginBottom8_f7730b { margin: 0; } - .children_aba8cb { + .children_a6ae9b { @include mixins.card(column, flex-start); padding-left: 60px; &::before { @@ -256,7 +256,7 @@ @include mixins.cardTitle; margin-bottom: 4px; } - .flex_f18b02 { + .flex_bba380 { padding: 18px; border-top: 1px solid var(--border); margin: 16px -60px -18px; @@ -274,8 +274,8 @@ } // Account removal - & ~ .marginTop40_bda863 { - .h5__28baa { + & ~ .marginTop40_f7730b { + .h5_c46f6a { @include mixins.subTitle; color: transparent; user-select: none; @@ -286,7 +286,7 @@ color: var(--text-primary); } } - .children_aba8cb { + .children_a6ae9b { @include mixins.card; &::before { content: ''; @@ -294,7 +294,7 @@ mask-image: url(mono.$user-delete); } } - .description_b0e07c { + .description_b89ec7 { margin-bottom: 0; flex: 1; @include mixins.cardDesc; @@ -303,7 +303,7 @@ @include mixins.cardTitle; } } - .buttonContainer__44ac1 { + .buttonContainer_adabdf { flex-direction: row-reverse; gap: 16px; button { diff --git a/src/theme/settings/user/_userprofile.scss b/src/theme/settings/user/_userprofile.scss index 241cc6f..a6cc59e 100644 --- a/src/theme/settings/user/_userprofile.scss +++ b/src/theme/settings/user/_userprofile.scss @@ -8,26 +8,26 @@ .baseLayoutProfileThemes-1Jj-oN { flex-direction: column; } - .customizationSection__0f57e { + .customizationSection_b3a5c2 { @include mixins.card; justify-content: space-between; - .description_b0e07c { + .description_b89ec7 { display: none; } &:last-child { flex-direction: column; align-items: flex-start; } - &.withDivider__600e1:not(.section__38065) .buttonsContainer__8fc55 { + &.withDivider_b3a5c2:not(.section_c95253) .buttonsContainer_a611c9 { flex-direction: row-reverse; gap: 8px; } } - .title__7a155 { + .title_b3a5c2 { margin: 0; } - .tryItOutSection_d658ca { + .tryItOutSection_eb2d2c { display: none; } } diff --git a/src/theme/sidebar/_category.scss b/src/theme/sidebar/_category.scss index 4097cf4..91ada2b 100644 --- a/src/theme/sidebar/_category.scss +++ b/src/theme/sidebar/_category.scss @@ -1,8 +1,8 @@ -#app-mount .containerDefault_e3b32b { - .wrapper__07e2f { +#app-mount .containerDefault_a08117 { + .wrapper_a08117 { padding-right: 0; } - .button__581d0 { + .button_dd4f85 { padding: 0; } } diff --git a/src/theme/sidebar/_channel.scss b/src/theme/sidebar/_channel.scss index cba3504..993558f 100644 --- a/src/theme/sidebar/_channel.scss +++ b/src/theme/sidebar/_channel.scss @@ -1,5 +1,5 @@ #app-mount { - .wrapper__612a5 { + .wrapper_d8bfb3 { padding: 2px 0; margin-left: 0; @@ -18,50 +18,50 @@ z-index: 1; } - &.modeMuted_f0a72e { - .icon__67ab4, - .iconContainer__6a580:has(path[d^='M21.025 5V4C21.025'])::before { + &.modeMuted_d8bfb3 { + .icon_d8bfb3, + .iconContainer_d8bfb3:has(path[d^='M21.025 5V4C21.025'])::before { background: var(--interactive-muted); } } - &.modeUnreadImportant__35358::before { + &.modeUnreadImportant_d8bfb3::before { background: var(--pill-unread); scale: 1 0.65; opacity: 1; } - &.modeSelected__473f1 { + &.modeSelected_d8bfb3 { &::before { background: rgb(var(--accent)); scale: 1; } - .link_ddbb36 { + .link_d8bfb3 { background: var(--bg-interactive-high); } } - &:hover .link_ddbb36 { + &:hover .link_d8bfb3 { background: var(--bg-interactive-high-hover); } - &.typeThread__5fb37 { + &.typeThread_d8bfb3 { padding-left: 32px; } } - .unread__48cf4 { + .unread_d8bfb3 { display: none; } - .link_ddbb36 { + .link_d8bfb3 { border-radius: var(--rounded); margin-left: 0; margin-right: 0; padding: 8px 8px 8px 16px; cursor: var(--cursor); - .name__4eb92 { + .name_d8bfb3 { font-weight: var(--font-weight-normal); } // Icons - .actionIcon_b149a2, - .icon__67ab4 { + .actionIcon_f6f816, + .icon_d8bfb3 { mask-size: cover; mask-position: center; background: var(--interactive-normal); @@ -69,13 +69,13 @@ display: none; } } - .iconBase_bf11e7 { + .iconBase_f6f816 { cursor: var(--cursor); } } // Browser Channels - .wrapper__612a5:has(+ .sectionDivider__9dbcb) { + .wrapper_d8bfb3:has(+ .sectionDivider_c43953) { margin-top: 8px; } } diff --git a/src/theme/sidebar/_container.scss b/src/theme/sidebar/_container.scss index 62517d1..7d5f392 100644 --- a/src/theme/sidebar/_container.scss +++ b/src/theme/sidebar/_container.scss @@ -1,12 +1,12 @@ #app-mount { - .sidebar_e031be { + .sidebar_a4d4d9 { width: var(--channels-width); background: var(--bg-alt); border-right: 1px solid var(--border-mid); box-sizing: border-box; border-radius: var(--rounded) 0 0 0; overflow: visible; - .scroller__1f498 { + .scroller_c43953 { padding: 8px !important; &::-webkit-scrollbar { display: none; @@ -15,17 +15,17 @@ padding-top: 0; } } - &.hidden__3ab58 { + &.hidden_a4d4d9 { display: none; } } - .content__690c5 > li:last-child { + .content_eed6a8 > li:last-child { padding-bottom: 16px; } - .container__7e23c { + .container_ee69e0 { background: var(--bg-alt); } - .sectionDivider__9dbcb { + .sectionDivider_c43953 { margin-top: 8px; } } diff --git a/src/theme/sidebar/_dms.scss b/src/theme/sidebar/_dms.scss index e78eaa0..4702613 100644 --- a/src/theme/sidebar/_dms.scss +++ b/src/theme/sidebar/_dms.scss @@ -2,10 +2,10 @@ @use '../assets/mono'; #app-mount { - .privateChannels__9b518 { + .privateChannels_f0963d { background: transparent; } - .scroller__89969 { + .scroller_c47fa9 { background: transparent; padding: 8px 2px 8px 8px !important; div[style='height: 8px;'] { @@ -13,7 +13,7 @@ } } - .searchBar__621ec { + .searchBar_f0963d { height: var(--toolbar-height); box-shadow: none; border-bottom: 1px solid var(--border-mid); @@ -25,18 +25,18 @@ } } - .channel__0aef5 { + .channel_c91bad { max-width: unset; margin: 0 0 4px 0; padding: 0; - .layout__59abc { + .layout_f9647d { height: 48px; padding: 0 18px; cursor: var(--cursor); } - .interactive__0786a { + .interactive_f5eb4b { cursor: var(--cursor); background: transparent; &::before { @@ -53,23 +53,23 @@ background: var(--pill-unread); transition: var(--pill-transition); } - &:not(.selected__37292):has(.highlighted_e2e5df)::before { + &:not(.selected_f5eb4b):has(.highlighted_f9647d)::before { scale: 1 0.65; opacity: 1; } } - .content_b5e449 { + .content_f9647d { height: 100%; display: flex; flex-direction: column; justify-content: center; } - &:hover .interactive__0786a { + &:hover .interactive_f5eb4b { background: var(--bg-interactive-high); } - .selected__37292 { + .selected_f5eb4b { background: var(--bg-interactive-high); &::before { scale: 1; @@ -82,9 +82,9 @@ } } - .link__3a950 { + .link_c91bad { cursor: var(--cursor); - &[href='/channels/@me'] .linkButtonIcon_cff89e { + &[href='/channels/@me'] .linkButtonIcon_c91bad { mask: url(mono.$people) center/cover; background: var(--interactive-normal); g { diff --git a/src/theme/sidebar/_header.scss b/src/theme/sidebar/_header.scss index a3a0525..3e045f2 100644 --- a/src/theme/sidebar/_header.scss +++ b/src/theme/sidebar/_header.scss @@ -1,17 +1,17 @@ @use '../mixins'; #app-mount { - .sidebar_e031be .content__690c5 > div[style='height: 84px;'], - .sidebar_e031be .content__690c5 > div[style='height: 16px;'] { + .sidebar_a4d4d9 .content_eed6a8 > div[style='height: 84px;'], + .sidebar_a4d4d9 .content_eed6a8 > div[style='height: 16px;'] { display: none; } - .container_f41675 { + .container_fd6364 { display: flex; flex-direction: column-reverse; } - .header__77c95 { + .header_fd6364 { @include mixins.btn; @include mixins.btnSecondary; margin: 8px; @@ -19,17 +19,17 @@ height: 42px; transition: none; - .headerContent__6fcc7 { + .headerContent_fd6364 { flex: 1; } - .headerChildren_e6a96f { + .headerChildren_fd6364 { display: flex; } - .guildIconContainer__3c180 { + .guildIconContainer_ed9816 { display: none; } - .name_e8e549 { + .name_fd6364 { font-weight: var(--font-weight-normal); max-width: calc(var(--channels-width) - 64px); } @@ -40,7 +40,7 @@ } // Banner - .animatedContainer__0e828 { + .animatedContainer_fd6364 { background: transparent; height: var(--banner-height); box-shadow: none; @@ -50,7 +50,7 @@ opacity: 1 !important; border-bottom: 1px solid var(--border-mid); } - .bannerImage_c73a57 { + .bannerImage_fd6364 { overflow: hidden; width: 100%; transform: none !important; @@ -66,11 +66,11 @@ } // Public tag - .communityInfoContainer__6ea3a { + .communityInfoContainer_fd6364 { margin-top: 75px; left: 0; } - .communityInfoPill__1efab { + .communityInfoPill_fd6364 { border-radius: var(--rounded); background: var(--bg-main); } diff --git a/src/theme/sidebar/_nitrogoal.scss b/src/theme/sidebar/_nitrogoal.scss index e13f56d..a20f30b 100644 --- a/src/theme/sidebar/_nitrogoal.scss +++ b/src/theme/sidebar/_nitrogoal.scss @@ -1,5 +1,5 @@ #app-mount { - .container_bc43c1 { + .container_c75f85 { margin: -8px 0 0 0; } .progressBar_db0972 { diff --git a/src/theme/sidebar/_panels.scss b/src/theme/sidebar/_panels.scss index 6c63ebb..c741b48 100644 --- a/src/theme/sidebar/_panels.scss +++ b/src/theme/sidebar/_panels.scss @@ -2,12 +2,12 @@ @use '../assets/mono'; #app-mount { - .panels__58331 { + .panels_a4d4d9 { background: transparent; border: none; // User area - & > .container_debb33 { + & > .container_b2ca13 { box-sizing: border-box; background: var(--bg-main); padding: 8px 14px; @@ -19,7 +19,7 @@ border-right: none; height: var(--bottombar-height); z-index: 1; - & > .flex_f18b02 { + & > .flex_bba380 { gap: 8px; height: 75%; width: 100%; @@ -36,7 +36,7 @@ [class*="withTagAsButton"] { //fix game activity toogle on Vencord min-width: min-content !important; } - .avatarWrapper__500a6 { + .avatarWrapper_b2ca13 { padding: 6px; min-width: unset; margin: 0 8px 0 0; @@ -45,11 +45,11 @@ box-shadow: var(--server-hover-selected); } } - .nameTag__77ab2 { + .nameTag_b2ca13 { display: none; } } - .container_e1958d { + .container_adcaac { translate: 0 0; &:hover { opacity: 1; @@ -59,7 +59,7 @@ } // Voice connected - .container_e1958d { + .container_adcaac { margin: 0 11px; left: 11px; right: 12px; @@ -72,7 +72,7 @@ flex-direction: column-reverse; display: flex; z-index: 1; - & > .flex_f18b02 { + & > .flex_bba380 { padding: 8px 8px 11px 8px; position: relative; z-index: 2; @@ -84,7 +84,7 @@ border-radius: var(--rounded) var(--rounded) 0 0; z-index: -1; } - & > .flex_f18b02 { + & > .flex_bba380 { gap: 4px; button { @include mixins.btn; @@ -92,10 +92,10 @@ } } } - .voiceUsers__12c6d { + .voiceUsers_fb2f1c { gap: 8px; } - & > .voiceUsers__665a5 { + & > .voiceUsers_adcaac { padding: 8px 8px 0px 8px; position: relative; z-index: 2; @@ -110,7 +110,7 @@ z-index: -1; } } - &:hover .actionButtons__85e3c { + &:hover .actionButtons_adcaac { bottom: calc(100% - 8px); opacity: 1; visibility: visible; @@ -120,25 +120,25 @@ // display: none; // } } - .wrapper_e832ee + .container_debb33 { + .wrapper_adcaac + .container_b2ca13 { border-radius: 0 0 0 var(--rounded); } - .inner_ab95dc { + .inner_adcaac { position: relative; } - .rtcConnectionStatus_e749c4 { + .rtcConnectionStatus_c0cb95 { display: flex; align-items: center; - .button__581d0 { + .button_dd4f85 { padding: 0; margin-left: 4px; } } - .ping__838d2 { + .ping_c0cb95 { width: 24px; height: 24px; } - .actionButtons__85e3c { + .actionButtons_adcaac { position: absolute; bottom: 0; width: calc(100% - 16px); @@ -151,24 +151,24 @@ visibility: hidden; transition: 0.15s var(--transition) 0s; z-index: 0; - .button_b82d53.buttonColor__7bad9.colorBrand-I6CyqQ { + .button_adcaac.buttonColor_adcaac.colorBrand-I6CyqQ { @include mixins.btn; @include mixins.btnSecondary; } - .button_b82d53 { + .button_adcaac { height: 100%; } - .lottieIcon_c7076c svg { + .lottieIcon_f73ef7 svg { --fluent-icons-color: black; } } - .activityPanel_b73e7a { + .activityPanel_a4d4d9 { border: none; background: transparent; padding: 8px 16px; - &:has(+ .wrapper_e832ee:not(:empty)) { + &:has(+ .wrapper_adcaac:not(:empty)) { z-index: 0; - .wrapper_e832ee > & { + .wrapper_adcaac > & { margin-bottom: calc(100% - 3px); } } diff --git a/src/theme/sidebar/_voiceuser.scss b/src/theme/sidebar/_voiceuser.scss index 43edf0d..bbb0724 100644 --- a/src/theme/sidebar/_voiceuser.scss +++ b/src/theme/sidebar/_voiceuser.scss @@ -1,14 +1,14 @@ #app-mount { - .list__02208 { + .list_a478e5 { padding: 4px 0 0 0; - .draggable__68384 { + .draggable_ac3629 { height: auto; &:not(:last-child) { margin-bottom: 4px; } } } - .voiceUser__629a5 { + .voiceUser_cdc675 { height: auto; &::before { content: ''; @@ -26,28 +26,28 @@ z-index: 1; } - &:hover .content__3b07e { + &:hover .content_cdc675 { background: var(--bg-interactive-high); } - &.selected__80fc0 { + &.selected_cdc675 { &::before { height: var(--pill-height); opacity: 1; } - .content__3b07e { + .content_cdc675 { background: var(--bg-interactive-high); } - &:hover .content__3b07e { + &:hover .content_cdc675 { background: var(--bg-interactive-high-hover); } } } - .avatarSpeaking_f239de { + .avatarSpeaking_cdc675 { box-shadow: inset 0 0 0 2px rgb(var(--accent)), inset 0 0 0 4px var(--bg-alt); } - .content__3b07e { + .content_cdc675 { margin: 0; padding: 2px 8px 2px 32px; }