Update.

Started using classes instead of *= selectors.

Switching to new status picker.

src/dimmer.less

@@ -16,7 +16,7 @@
   --input-background:     #1e1e1e;
   color: var(--header-primary);
 
-  & [class*="close-"] {
+  & .close-1mLglB {
     color: var(--interactive-normal);
 
     &:hover
@@ -24,24 +24,22 @@
   }
 }
 
-div[class^="layer-"] div.theme-light,
-div[class^="downloadApps-"] {
+div.layer-1Ixpg3 div.theme-light,
+div.downloadApps-14IgKV {
   &:extend(.theme-dimmer all);
 
-  div[class*="root-"] {
+  div.root-g14mjS {
     background-color: var(--background-secondary);
   }
 
-  div[class*="footer-"] {
+  div.footer-31IekZ {
     background-color: var(--background-primary);
   }
 }
 
-div[class^="downloadApps"] {
-  & {
+div.downloadApps-14IgKV {
   background-color: var(--background-secondary) !important;
-  }
-  h3, div[class*="footer-"] {
+  h3, div.footer-2TRYcZ {
     color: var(--header-primary);
   }
 }

src/fixes.less

@@ -1,5 +1,5 @@
 // fix guild selector at left part
-ul[data-list-id="guildsnav"] div[class^="scroller-"] {
+ul[data-list-id="guildsnav"] div.scroller-3X7KbA {
   display: flex;
   flex-direction: column;
   overflow: hidden !important;
@@ -30,7 +30,7 @@ ul[data-list-id="guildsnav"] div[class^="scroller-"] {
   margin-bottom: 8px;
 }
 
-div[class^="messagesWrapper-"] div {
+div.messagesWrapper-RpOMA3 > div {
   scrollbar-width: thin;
 }
 
@@ -42,18 +42,18 @@ div[class^="messagesWrapper-"] div {
     top: 0; bottom: 0;
     left: 0; right: 0;
   }
-  div[class^="wrapper-"] {
+  div.wrapper-22rqw6 {
     top: 0;
     border-radius: 8px;
   }
 }
 
-div[class*="fullscreenOnMobile"] div[class^="flex"] * {
+div.fullscreenOnMobile-ixj0e3 div.flex-3BkGQD * {
   // fix overflow
   overflow: hidden;
 }
 
-div[class*="templatesList-"] {
+div.templatesList-uohY49 {
   // fix tempates list (it was removed)
   height: 128px;
 }

src/nitro.less

@@ -22,6 +22,7 @@ div[class^="characterCount-"] div[class^="root-"], // at many characters
 [class^="clickableSticker-"], // stickers
 nav[class^="privateChannels-"] div div // Nitro tab at DM
  [data-list-item-id$="nitro"],
+#account-style-your-profile,
 { &:extend(.nitro); }
 
 #channels > ul {

src/profile.less

@@ -92,8 +92,10 @@ div[class^="banner"] {
   }
 }
 
-div[class^="avatarWrapper-"] {
+div.container-YkUktl div.avatarWrapper-1B9FTW {
   margin-right: auto; // make some space after avatar (sidebar at bottom)
+  min-width: unset;
+  padding: unset;
 }
 
 // Redesigned profile page
@@ -157,3 +159,8 @@ div.root-8LYsGj { // I not love fixed classes, but this selects only modal page
     .left-border(@round);
   }
 }
+
+#account-info div.headerTop-3GPUSF {
+  padding-top: 108px;
+}
+

src/style.less

@@ -193,22 +193,21 @@ div.popoutContainer-2wbmiM,
 }
 
 // status picker
-#status-picker > div {
+#account-status-picker + div.layer-2aCOJ3 div.scroller-1bVxF5 {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
-  #status-picker-online,
-  #status-picker-idle,
-  #status-picker-dnd,
-  #status-picker-invisible {
+
+  & > div.item-1OdjEX {
     padding: 8px;
+    margin: 0;
+
     & > div {
       padding: 0;
 
-      // & > because svg has status- div
-      & > div[class^="status-"],
-      & > div[class^="description-"] {
-        display: none;
+      & > div.status-2xYiEF,
+      & > div.description-1Dd2kv,
+      { &:extend(.hide); }
     }
   }
   svg {
@@ -217,11 +216,6 @@ div.popoutContainer-2wbmiM,
     margin-left: 4px;
   }
 }
-  #status-picker-custom-status,
-  div[class^="submenuContainer-"] {
-    width: 100%;
-  }
-}
 
 // new invite with splash style
 div[id^="message-accessories-"] {