Merge pull request #64 from Eoxlk/main

Fix: classes

src/core/_variables.scss

@@ -62,8 +62,8 @@
 }
 
 .theme-dark,
-html.theme-dark .theme-light .root-1CAIjD,
-.theme-light.popout-15UxD6 {
+html.theme-dark .theme-light .root_a28985,
+.theme-light.popout_a6e77f {
     --activity-card-background: var(--primary-830) !important;
     --android-navigation-bar-background: var(--primary-830) !important;
     --android-navigation-scrim-background: hsl(var(--primary-830-hsl)/0.5) !important;

src/theme/app/_loading.scss

@@ -1,3 +1,3 @@
-:is(.theme-dark, .theme-amoled) #app-mount .container-VXcBeg {
+:is(.theme-dark, .theme-amoled) #app-mount .container__4bde3 {
     background-color: var(--background-primary);
 }

src/theme/app/_notice.scss

@@ -18,7 +18,7 @@
             background-color: var(--red-430);
         }
         .notice-2HEN-u,
-        .sidebar-1tnWFu {
+        .sidebar_ded4b5 {
             border-radius: 0;
         }
     }

src/theme/app/_scrollerbar.scss

@@ -1,10 +1,10 @@
 :is(.theme-dark, .theme-amoled)  :is(
-    .scroller-kQBbkU,
+    .scroller__1f96e,
     .auto-2K3UW5,
-    .thin-RnSY0a,
-    .peopleColumn-1wMU14,
-    .contentRegionScroller-2_GT_N,
-    .scrollerBase-1Pkza4
+    .thin_b1c063,
+    .peopleColumn__51df3,
+    .contentRegionScroller__86c79,
+    .scrollerBase_dc3aa9
 )::-webkit-scrollbar-thumb {
     background-color: var(--background-secondary-alt);
 }

src/theme/app/_sliders.scss

@@ -1,8 +1,8 @@
 :is(.theme-dark, .theme-amoled) #app-mount {
-    .bar-2H7Q9u {
+    .bar_e58961 {
         background-color: var(--background-accent);
     }
-    .markDash-1ATsxA {
+    .markDash_dc3ae9 {
         background: var(--background-accent);
     }
 }

src/theme/app/_toolbar.scss

@@ -1,14 +1,14 @@
-:is(.theme-dark, .theme-amoled) #app-mount .container-ZMc96U {
-    &.themed-Hp1KC_ {
+:is(.theme-dark, .theme-amoled) #app-mount .container__11d72 {
+    &.themed_b152d4 {
         background: var(--background-primary);
     }
-    .children-3xh0VB::after {
+    .children__32014::after {
         background: linear-gradient(90deg, var(--background-primary) 0, var(--background-primary)) !important;
     }
     [class*="searchBar"] {
         background-color: var(--background-secondary);
-        .searchAnswer-23w-CH,
-        .searchFilter-2UfsDk {
+        .searchAnswer_b452e7,
+        .searchFilter__118cb {
             background-color: var(--background-primary);
         }
     }

src/theme/chat/_chatbox.scss

@@ -1,10 +1,10 @@
-:is(.theme-dark, .theme-amoled) #app-mount .chat-9g_3Xj, .container-3s2w-i {
-    .form-3qe0Ni {
-        .optionPill-2kmuZR {
+:is(.theme-dark, .theme-amoled) #app-mount .chat__52833, .container_def45c {
+    .form__13a2c {
+        .optionPill_f86b98 {
             background-color: var(--primary-730);
         }
-        .channelAttachmentArea-HwpkuQ {
-            .upload-vLbqu- {
+        .channelAttachmentArea__740bf {
+            .upload_c98ecb {
                 background-color: var(--background-primary);
             }
         }

src/theme/chat/_container.scss

@@ -1,5 +1,5 @@
-:is(.theme-dark, .theme-amoled) #app-mount .chat-9g_3Xj {
-    .wrapper-2vIMkT {
+:is(.theme-dark, .theme-amoled) #app-mount .chat__52833 {
+    .wrapper_c727b6 {
         background-color: var(--background-tertiary);
     }
 }

src/theme/chat/_forums.scss

@@ -1,4 +1,4 @@
-:is(.theme-dark, .theme-amoled) #app-mount .chat-9g_3Xj {
+:is(.theme-dark, .theme-amoled) #app-mount .chat__52833 {
     .container-3wLKDe {
         background-color: var(--background-primary);
         .mainCard-3KBsBI, .container-2nXUah, .increasedActivityMainCard-2ry6hI, .container-3arpDl, .container-2_J666 {
@@ -21,11 +21,11 @@
                 background: transparent;
             }
         }
-        .container-q2_DnH, .container-3wvkMY {
+        .container__99b06, .container__15ddf {
             &:active {
                 background-color: var(--background-modifier-active);
             }
-            &.isOpen-2Gyel_, &.isOpen-2ldXbM {
+            &.isOpen__8593d, &.isOpen__036bf {
                 background-color: var(--background-modifier-selected);
             }
         }

src/theme/chat/_messages.scss

@@ -1,12 +1,12 @@
 :is(.theme-dark, .theme-amoled) #app-mount {
     // Message Items
-    .messageListItem-ZZ7v6g:hover {
+    .messageListItem__6a4fb:hover {
         background-color: rgba(255, 255, 255, 0.015);
     }
     // Gifts
-    .tile-2mmK5T {
+    .tile_ebc93b {
         background-color: var(--background-secondary);
-        .invalidPoop--w1123 {
+        .invalidPoop__03aa3 {
             background-color: var(--background-secondary-alt);
         }
     }

src/theme/chat/_onboarding.scss

@@ -1,25 +1,25 @@
-:is(.theme-dark, .theme-amoled) #app-mount .chat-9g_3Xj {
+:is(.theme-dark, .theme-amoled) #app-mount .chat__52833 {
     // Roles
-    .container-2IKOsH,
-    .container-1um7CU,
-    .header-3xB4vB,
-    .scrollerContainer-y16Rs9,
-    .emptyPage-2TGR7j {
+    .container__10dc7,
+    .container__7590f,
+    .header__60bef,
+    .scrollerContainer_bf5dbd,
+    .emptyPage__3e15d {
         background-color: transparent;
     }
-    .prompt-1sE27N {
+    .prompt__1b100 {
         background-color: var(--background-tertiary);
-        .selected-KQBgNS {
+        .selected__90dd8 {
             background-color: var(--background-modifier-active);
         }
     }
-    .profileCard-2gVmvm {
+    .profileCard_bd55ee {
         background-color: var(--background-tertiary);
     }
     // Channels
-    .channelRow-4X_3fi {
+    .channelRow__96673 {
         background-color: var(--background-tertiary);
-        &:not(.disabled-3cfocy):hover {
+        &:not(.disabled__583e7):hover {
             background-color: var(--background-modifier-hover);
         }
     }

src/theme/chat/_voice.scss

@@ -1,11 +1,11 @@
-:is(.theme-dark, .theme-amoled) #app-mount .chat-9g_3Xj {
-    .wrapper-1gVUIN.minimum-fXpVNc {
+:is(.theme-dark, .theme-amoled) #app-mount .chat__52833 {
+    .wrapper_bd2abe.minimum_ebf000 {
         background-color: var(--background-primary);
     }
-    .iconBackground-3qSXiM {
+    .iconBackground__61963 {
         background-color: var(--background-secondary-alt);
     }
-    .container-1IyjjY:hover {
+    .container__515b3:hover {
         background-color: var(--background-modifier-hover);
     }
 }

src/theme/guilds/_folders.scss

@@ -1,3 +1,3 @@
-:is(.theme-dark, .theme-amoled) .folder-241Joy.hover-3m7-WT {
+:is(.theme-dark, .theme-amoled) .folder__17546.hover__043de {
     background-color: var(--background-secondary-alt);
 }

src/theme/guilds/_items.scss

@@ -1,6 +1,6 @@
 :is(.theme-dark, .theme-amoled) #app-mount {
-    [class="wrapper-3kah-n"] .childWrapper-1j_1ub,
-    [class="circleIconButton-1VxDrg"] {
+    [class="wrapper_d281dd"] .childWrapper__01b9c,
+    [class="circleIconButton_d8df29"] {
         background-color: var(--background-secondary-alt);
     }
 }

src/theme/inputs/_buttons.scss

@@ -1,5 +1,5 @@
 :is(.theme-dark, .theme-amoled) #app-mount {
-    .button-2gNyE9.buttonColor-1PCuWq, .button-2gNyE9 .buttonColor-1PCuWq {
+    .button__66e8c.buttonColor_a6eb73, .button__66e8c .buttonColor_a6eb73 {
         background-color: var(--button-secondary-background);
         &:hover {
             background-color: var(--button-secondary-background-hover);

src/theme/inputs/_keybinds.scss

@@ -1,4 +1,4 @@
-:is(.theme-dark, .theme-amoled) #app-mount .key-RP8gj3 {
+:is(.theme-dark, .theme-amoled) #app-mount .key__06fe6 {
     box-shadow: inset 0 -4px 0 var(--primary-760);
     background-color: var(--primary-660);
 }

src/theme/members/_container.scss

@@ -1,3 +1,3 @@
-:is(.theme-dark, .theme-amoled) .container-2vWgD2 {
+:is(.theme-dark, .theme-amoled) .container_b2ce9c {
     background-color: var(--background-primary);
 }

src/theme/members/_member.scss

@@ -1,6 +1,6 @@
 :is(.theme-dark, .theme-amoled) #app-mount {
-    .member-2gU6Ar,
-    .members-2y1nVj {
+    .member_aa4760,
+    .members__9f47b {
         background-color: var(--background-primary);
     }
 }

src/theme/modals/_accept-invite.scss

@@ -1,5 +1,5 @@
-:is(.theme-dark, .theme-amoled) #app-mount .root-1CAIjD {
-    .contentWrapper-3oy4Xo {
+:is(.theme-dark, .theme-amoled) #app-mount .root_a28985 {
+    .contentWrapper__85d37 {
         background: var(--modal-background);
     }
 }

src/theme/modals/_account-switcher.scss

@@ -1,5 +1,5 @@
-:is(.theme-dark, .theme-amoled) #app-mount .root-1CAIjD {
-    .authBox-1HR6Ha {
+:is(.theme-dark, .theme-amoled) #app-mount .root_a28985 {
+    .authBox__7196a {
         background-color: transparent;
     }
     .navRow-dG-XX8 {

src/theme/modals/_add-join-server.scss

@@ -1,3 +1,3 @@
-:is(.theme-dark, .theme-amoled) .theme-light .root-1CAIjD {
+:is(.theme-dark, .theme-amoled) .theme-light .root_a28985 {
     color: var(--primary-300);
 }

src/theme/modals/_delete.scss

@@ -1,5 +1,5 @@
-:is(.theme-dark, .theme-amoled) #app-mount .root-1CAIjD {
-    .message-G6O-Wv {
+:is(.theme-dark, .theme-amoled) #app-mount .root_a28985 {
+    .message__04d9f {
         background-color: var(--background-primary);
     }
 }

src/theme/modals/_generic.scss

@@ -1,8 +1,8 @@
-:is(.theme-dark, .theme-amoled) #app-mount .root-1CAIjD {
-    &.rootWithShadow-2hdL2J {
+:is(.theme-dark, .theme-amoled) #app-mount .root_a28985 {
+    &.rootWithShadow__073a7 {
         box-shadow: var(--dark-elevation-border), var(--dark-elevation-high);
     }
-    .footerSeparator-3U8YsT {
+    .footerSeparator__57d95 {
         box-shadow: inset 0 1px 0 var(--modal-footer-background);
     }
 }

src/theme/modals/_invite.scss

@@ -1,5 +1,5 @@
-:is(.theme-dark, .theme-amoled) #app-mount .root-1CAIjD {
-    .container-2oNtJn {
+:is(.theme-dark, .theme-amoled) #app-mount .root_a28985 {
+    .container__7712a {
         background-color: var(--input-background);
     }
     .footer-Ql9fbL {

src/theme/modals/_keybinds.scss

@@ -1,5 +1,5 @@
-:is(.theme-dark, .theme-amoled) #app-mount .root-1CAIjD {
-    .keyboardShortcutsModal-2CRmCm {
+:is(.theme-dark, .theme-amoled) #app-mount .root_a28985 {
+    .keyboardShortcutsModal__74c71 {
         background-color: var(--modal-background);
     }
 }

src/theme/modals/_modify-attachment.scss

@@ -1,7 +1,7 @@
-:is(.theme-dark, .theme-amoled) #app-mount .root-1CAIjD {
-    &.uploadModal-2ie9O_ {
+:is(.theme-dark, .theme-amoled) #app-mount .root_a28985 {
+    &.uploadModal_eae2a0 {
         background-color: var(--modal-background);
-        .footer-VCsJQY {
+        .footer_ceda43 {
             box-shadow: inset 0 1px 0 hsl(var(--primary-900-hsl)/.6);
             background-color: var(--modal-footer-background);
         }

src/theme/modals/_notification-settings.scss

@@ -1,8 +1,8 @@
-:is(.theme-dark, .theme-amoled) #app-mount .root-1CAIjD {
-    .cardPrimary-pAe8Ed {
+:is(.theme-dark, .theme-amoled) #app-mount .root_a28985 {
+    .cardPrimary_cb7a0e {
         background-color: var(--background-secondary);
     }
-    .default-1Tkeeg {
+    .default__3e2f5 {
         background-color: var(--background-primary);
     }
 }

src/theme/modals/_onboarding.scss

@@ -1,8 +1,8 @@
-:is(.theme-dark, .theme-amoled) #app-mount .promptContent-1KG8jv {
-    .optionButtonWrapper-2lbogO.selected-KQBgNS {
+:is(.theme-dark, .theme-amoled) #app-mount .promptContent__63c03 {
+    .optionButtonWrapper__4072c.selected__90dd8 {
         background-color: var(--background-secondary);
     }
-    .overlay-1wSZ6w {
+    .overlay_ef4f80 {
         background: none !important;
     }
 }

src/theme/modals/_stickers.scss

@@ -1,4 +1,4 @@
-:is(.theme-dark, .theme-amoled) #app-mount .root-1CAIjD {
+:is(.theme-dark, .theme-amoled) #app-mount .root_a28985 {
     .previewDark-3Xp3UB {
         background-color: var(--background-primary);
     }

src/theme/pages/_active-now.scss

@@ -1,8 +1,8 @@
-:is(.theme-dark, .theme-amoled) #app-mount .nowPlayingColumn-1eCBCN {
-    .separator-2OaeRP {
+:is(.theme-dark, .theme-amoled) #app-mount .nowPlayingColumn_f5023f {
+    .separator_c2ecc6 {
         background-color: var(--background-secondary);
     }
-    .applicationStreamingPreviewWrapper-7j27t8 {
+    .applicationStreamingPreviewWrapper__97a95 {
         background-color: var(--background-secondary-alt);
     }
 }

src/theme/pages/_app-directory.scss

@@ -1,3 +1,3 @@
-:is(.theme-dark, .theme-amoled) #app-mount .directoryContainer-z-0pgp {
+:is(.theme-dark, .theme-amoled) #app-mount .directoryContainer_d3edd9 {
     background-color: var(--background-primary);
 }