update

btfl.less

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

src/bd.less

@@ -17,22 +17,32 @@ div.floating-window {
   min-height: 32px !important;
 }
 
-div.floating-window-buttons .button {
+div.floating-window-buttons {
-  & > svg {
+  & when (@macos-like = true)
-    padding: 2px;
+  { order: -1; }
-    border-radius: 50%;
+
-  }
+  .button {
-  &:hover {
+    & > svg {
-    background-color: unset;
+      padding: 2px;
-    color: var(--background-tertiary);
+      border-radius: 50%;
+    }
+    &:hover {
+      background-color: unset;
+      color: var(--background-tertiary); // icons color
+    }
   }
 
-  &.maximize-button:hover > svg {
+  .maximize-button:hover > svg {
     background-color: #3ba55d;
   }
 
-  &.close-button:hover > svg {
+  .close-button {
-    background-color: #ed4245;
+    & when (@macos-like = true)
+    { order: -1; }
+
+    &:hover > svg {
+      background-color: #ed4245;
+    }
   }
 }
 
@@ -68,3 +78,7 @@ 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,6 +75,10 @@ div[class^="toolsContainer-"] { // in settings
   }
 }
 
+div[class^="newMessagesBar-"] {
+  margin-top: 8px;
+}
+
 div[class^="contentContainer-"] div[class*="stickyHeader-"] {
   padding-left: 0;
   padding-right: 0;

src/hide.less

@@ -58,8 +58,8 @@ div[class^="channelTextArea-"] {
     & > button // gift button, f you
     { &:extend(.hide); }
 
-    & > div.expression-picker-chat-input-button {
+    & > div.expression-picker-chat-input-button > button {
-      &:not(:nth-child(4)) // except emoji (and send button, if exists)
+      &:not([class^="emojiButton"]) // hide except emoji (and send button, if exists)
       { &:extend(.hide); }
     }
   }

src/people.less

@@ -2,22 +2,20 @@
 [class^="membersGroup-"] // groups (roles)
 { &:extend(.hide); }
 
-[class^="membersWrap-"] {
+div[class^="content-"] > main ~ div {
-  // make it shorter
+  &:not(.ChannelDms-channelmembers-wrap) {
-  &, div[class^="members-"] {
+    // make it shorter
-    min-width: 48px;
+    min-width: @mem-width;
-    width: 0;
+    width:     @mem-width;
   }
 
-  // remove fixed height
+  div[class^="members-"] {
-  div[class^="content-"] {
+    height: 100%;
-    height: unset !important;
-    flex-grow: 0;
   }
 
   div[class^="member-"] {
     padding: 0;
-    margin-left: 0;
+    margin: 0;
   }
 }
 

src/style.less

@@ -67,9 +67,11 @@ 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-"],
@@ -235,3 +237,57 @@ div[id^="message-accessories-"] {
     }
   }
 }
+
+// new attachment area
+ul[class^="channelAttachmentArea-"] {
+  position: absolute;
+  bottom: 100%;
+  margin-bottom: 16px;
+  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

@@ -97,6 +97,7 @@ button[class*="button"],
 { &:extend(.round); }
 
 // Rounder
+div[class*="navRow-"], // in account login switcher
 div[class^="markup-"] pre code, // ```code```
 span[class^="spoiler"],
 span.mention,
@@ -107,3 +108,7 @@ div[class*="card"],
 div[class^="categoryItem-"] > *, // in Discovery
 div[class^="content-"] img[class^="image-"],
 { &:extend(.rounder); }
+
+div[class*="navRow-"] {
+  background-color: unset !important;
+}