BetterDiscord support

src/ui.less

@@ -20,6 +20,7 @@ div[class^="slider-"] {
 // tabs
 div[role="tab"],
 div[class^="tabBarItem-"] {
+  .top-border(16px);
   .bottom-border();
   margin: 0;
   margin-top: 8px;
@@ -34,12 +35,15 @@ div[class^="tabBarItem-"] {
 }
 
 // slider
+div.bd-switch-body,
 div[class^="container-"] {
-  &[class*="disabled-"] {
+  &:extend(.rounder);
+
+  &[class*="disabled"] {
     cursor: not-allowed;
   }
 
-  svg[class^="slider-"] {
+  & > svg[class*="slider"] {
     width: 16px  !important;
     height: 16px !important;
     border-radius: 50%;
@@ -47,7 +51,7 @@ div[class^="container-"] {
     margin-right: 0;
     background-color: white;
 
-    > * {
+    & > * {
       display: none;
     }
   }
@@ -58,6 +62,7 @@ div[class^="radioBar-"] {
 }
 
 // Round
+div[class^="bd-"],
 div[class^="tabBarItem-"],
 div[class^="checkbox"],
 button[class*="button"],
@@ -74,3 +79,11 @@ div[class*="card"],
 div[class^="categoryItem-"] > *, // in Discovery
 div[class^="content-"] img[class^="image-"],
 { &:extend(.rounder); }
+
+// BetterDiscord
+div.bd-search-wrapper,
+div.bd-changelog-button {
+  align-self: center;
+  margin: 0;
+  margin-right: 8px;
+}