btfl.less

@@ -3,7 +3,6 @@
  * Zlib License
  */
 
-@macos-like: false; // for BD's window buttons
 @no-nitro:  true;
 @no-banner: false;
 
@@ -13,7 +12,6 @@
 
 @div-width: (@rounder / 2);
 @tab-height: 40px;
-@mem-width: 48px; // members side panel width (48px is recommend)
 
 // Required
 @import "src/func";

src/bd.less

@@ -3,49 +3,6 @@
 div[class^="bd-"]
 { &:extend(.round); }
 
-button.bd-addon-button {
-  margin: 4px;
-}
-
-div.floating-window {
-  &:extend(.round);
-  box-shadow: none;
-  padding: 0 !important;
-  max-width:  100% !important;
-  max-height: 100% !important;
-  min-width:  256px !important;
-  min-height: 32px !important;
-}
-
-div.floating-window-buttons {
-  & when (@macos-like = true)
-  { order: -1; }
-
-  .button {
-    & > svg {
-      padding: 2px;
-      border-radius: 50%;
-    }
-    &:hover {
-      background-color: unset;
-      color: var(--background-tertiary); // icons color
-    }
-  }
-
-  .maximize-button:hover > svg {
-    background-color: #3ba55d;
-  }
-
-  .close-button {
-    & when (@macos-like = true)
-    { order: -1; }
-
-    &:hover > svg {
-      background-color: #ed4245;
-    }
-  }
-}
-
 div.bd-search-wrapper,
 div.bd-changelog-button {
   align-self: center;
@@ -78,7 +35,3 @@ div[class^="standardSidebarView-"] {
 div.bd-addon-list:not(.bd-grid-view) {
   .horiz-tab();
 }
-
-div.ChannelDms-channelpopout-headerName {
-  font-size: 12pt !important;
-}

src/fixes.less

@@ -75,10 +75,6 @@ div[class^="toolsContainer-"] { // in settings
   }
 }
 
-div[class^="newMessagesBar-"] {
-  margin-top: 8px;
-}
-
 div[class^="contentContainer-"] div[class*="stickyHeader-"] {
   padding-left: 0;
   padding-right: 0;

src/func.less

@@ -29,18 +29,3 @@
   height:  0    !important;
 }
 
-.horiz-tab(@cols: 2, @offset: 0) {
-  @gap: @div-width * 2;
-  @el-width: calc(unit((100% / @cols), %) - unit((@gap + @offset), px));
-  display: flex;
-  flex-flow: row wrap;
-  column-gap: @gap;
-  row-gap: (@gap / 2);
-  & > * {
-    width: @el-width;
-  }
-
-  div[class^="divider"]:empty {
-    display: none;
-  }
-}

src/hide.less

@@ -18,7 +18,16 @@ div[class^="art-"],
 { &:extend(.hide); }
 
 // Nicks
+[class^="username-"] {
+  li[class^="messageListItem-"]
+   [class*="cozyMessage-"] &,   // inside message
+  :not([class^="headerText-"])
+   > div[class*="nameTag-"] &, // outside message
+  { &:extend(.hide); }
+}
+
 [class^="discrimBase-"],
+div[class^="discordTag-"] [class^="username-"], // friends tab
 div[class^="nameTag-"],
 [class^="usernameInnerRow-"], // at settings
 { &:extend(.hide); }
@@ -58,8 +67,8 @@ div[class^="channelTextArea-"] {
     & > button // gift button, f you
     { &:extend(.hide); }
 
-    & > div.expression-picker-chat-input-button > button {
+    & > div.expression-picker-chat-input-button {
-      &:not([class^="emojiButton"]) // hide except emoji (and send button, if exists)
+      &:not(:nth-child(4)) // except emoji (and send button, if exists)
       { &:extend(.hide); }
     }
   }

src/people.less

@@ -2,35 +2,21 @@
 [class^="membersGroup-"] // groups (roles)
 { &:extend(.hide); }
 
-div[class^="content-"] > main ~ div {
+[class^="membersWrap-"] {
-  &:not(.ChannelDms-channelmembers-wrap) {
+  // make it shorter
-    // make it shorter
+  &, div[class^="members-"] {
-    min-width: @mem-width;
+    min-width: 48px;
-    width:     @mem-width;
+    width: 0;
   }
 
-  div[class^="members-"] {
+  // remove fixed height
-    height: 100%;
+  div[class^="content-"] {
+    height: unset !important;
+    flex-grow: 0;
   }
 
   div[class^="member-"] {
     padding: 0;
-    margin: 0;
+    margin-left: 0;
   }
 }
-
-span[class^="username-"] {
-  font-weight: 500;
-}
-
-// friends tab
-div[class^="peopleList-"] > div {
-  @margin: 4px;
-
-  & > *, & > *:hover {
-    border: none;
-    padding: 8px !important;
-    margin: @margin !important;
-  }
-  .horiz-tab(2, @margin * 2);
-}

src/profile.less

@@ -48,10 +48,6 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] {
       align-items: center;
     }
 
-    svg[class^="warningCircleIcon-"] {
-      position: fixed;
-    }
-
     div[class^="profileBadges-"] {
       position: static;
       justify-content: center;
@@ -72,9 +68,6 @@ div[class^="pencilContainer-"] {
 
 // Profile card in settings
 div[class^="accountProfileCard-"] {
-  span[class^="username-"]
-  { &:extend(.hide); }
-
   div[class^="field-"]:nth-child(1) {
     height: 0;
     div[class^="constrainedRow-"] {
@@ -113,9 +106,6 @@ header div[class^="nameTagNoCustomStatus-"] {
 div.root-8LYsGj { // I not love fixed classes, but this selects only modal page
   flex-direction: row;
 
-  span[class^="username-"]
-  { &:extend(.hide); }
-
   header {
     width: 260px;
     margin: 24px;
@@ -144,13 +134,10 @@ div.root-8LYsGj { // I not love fixed classes, but this selects only modal page
   }
   div[class^="body-"] {
     border: none;
-    margin: 0 16px;
+    margin-left: 16px;
-    width: 100%;
     height: 370px;
-    & > * {
+    & > *
-      padding: 0;
+    { padding: 0 !important; }
-      margin: 0;
-    }
   }
   div[class^="tabBarContainer"]
   { border: none; }

src/settings.less

@@ -22,12 +22,11 @@ div[class^="standardSidebarView-"] {
       scrollbar-width: thin;
       overflow: auto hidden !important;
       justify-content: left;
-      width: max-content;
       max-width: 100%;
 
       & > nav {
         padding: 0;
-        width: max-content; // to increase size
+        width: unset; // to increase size
         background: var(--background-secondary); // bugfix
         & > div {
           padding-left: @rounder;
@@ -62,6 +61,22 @@ div[aria-controls="analytics-tab"],
 div[aria-controls="partner-tab"],
 { &:extend(.hide); }
 
+.horiz-tab(@cols: 2) {
+  @gap: @div-width * 2;
+  @el-width: calc(100% / @cols - @gap);
+  display: flex;
+  flex-flow: row wrap;
+  column-gap: @gap;
+  row-gap: (@gap / 2);
+  & > * {
+    width: @el-width;
+  }
+
+  div[class^="divider"]:empty {
+    display: none;
+  }
+}
+
 #my-account-tab > div {
   .horiz-tab();
   & > div:first-child {

src/style.less

@@ -67,11 +67,9 @@ rect[class^="pointerEvents-"],
   div[class*="Popout"],
   div[class*="fullscreenOnMobile"],
   div[class*="root"] div[class^="flex-"],
-  div[class*="root"] div[class^="footer-"],
 
   // UI parts
   div[class^="chat-"],
-  div[class^="attachedBars-"], // like reply to *user*
   div[class^="noticeRegion"] > div, // you have unsaved changes bottom bar
   [class^="resultsGroup-"], // search
   div[class^="auditLog-"],
@@ -237,56 +235,3 @@ div[id^="message-accessories-"] {
     }
   }
 }
-
-// new attachment area
-ul[class^="channelAttachmentArea-"] {
-  position: absolute;
-  bottom: 100%;
-  height: 216px;
-  flex-flow: row wrap;
-  overflow: hidden auto;
-
-  & > li
-  { &:extend(.rounder); }
-
-  div[class^="actionBarContainer-"] {
-    position: static;
-    margin-top: 8px;
-
-    & > div {
-      position: static;
-      display: inline;
-
-      & > div {
-        margin: 0 auto;
-        width: max-content;
-
-        &, & > *
-        { &:extend(.rounder); }
-      }
-    }
-  }
-}
-
-div[class^="uploadModal-"] {
-  div[class^="file-"] {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    & > img {
-      position: relative;
-      &:extend(.rounder);
-    }
-  }
-}
-
-// jump to present
-div[class^="jumpToPresentBar-"] {
-  width: max-content;
-  margin-left: auto;
-
-  & > button:first-child {
-    display: none;
-  }
-}

src/ui.less

@@ -63,9 +63,8 @@ div[class^="radioBar-"] {
 
 div[class^="card-"],
 div.bd-server-card {
-  .bd-server-header,
+  & > div[class*="header"],
-  & > div[class^="header-"],
+  & > div[class*="Header"] {
-  & > div[class^="cardHeader"] {
     position: absolute;
     top: 0; left: 0;
     width: 100%; height: 100%;
@@ -97,7 +96,6 @@ button[class*="button"],
 { &:extend(.round); }
 
 // Rounder
-div[class*="navRow-"], // in account login switcher
 div[class^="markup-"] pre code, // ```code```
 span[class^="spoiler"],
 span.mention,
@@ -108,7 +106,3 @@ div[class*="card"],
 div[class^="categoryItem-"] > *, // in Discovery
 div[class^="content-"] img[class^="image-"],
 { &:extend(.rounder); }
-
-div[class*="navRow-"] {
-  background-color: unset !important;
-}