dimmer theme, more anti-nitro, join server redesign

btfl.css

@@ -4,8 +4,11 @@
  */
 
 /* to hide */
+[class^="DocSearch"], /* Algolia, f you */
+[class*="tier"],
 [class^="username-"],
 [class^="discrimBase-"],
+[class^="bannerContainer-"],
 [class*="banner-"],
 [class*="perks"],
 [class*="socialLink-"],
@@ -18,7 +21,12 @@
 [class^="unreadPill-"],
 [class^="applicationInstall"],
 [class*="nitro"],
+[class^="upsell"],
+[class^="availabilityIndicator-"],
 [class*="artwork-"],
+div[class^="serverBoostTabItem-"],
+div[class^="overviewSidebar-"],
+div[class^="autocompleteShadow-"],
 div[class^="art-"],
 div[class^="threadSuggestionBar-"],
 div[class^="nameTag-"],
@@ -32,9 +40,13 @@ div[id*="premium"],
 div[role="separator"]:not([id$="new-messages-bar"]),
 div[class*="goal"],
 div[class^="welcomeCTA-"],
+div[class^="channelNotice-"],
 h2[class^="privateChannelsHeaderContainer"],
 nav[class^="nav-"],
 span[class^="questionMark-"],
+div[class^="characterCount-"] div[class^="root-"],
+
+div[class^="keybind-"], /* true must know this! */
 
 /* Settings */
 div[aria-controls*="nitro"],
@@ -62,6 +74,8 @@ nav[class^="privateChannels-"] div div
 #gif-picker-tab, #sticker-picker-tab,
 #private-channels-0, #private-channels-1, #private-channels-2,
 
+div[class*="templatesList-"] button[class^="container-"] ~ *,
+
 /* main page */
 #app-mount div:not([class]) div[class=""] div:not([class]),
 #app-mount div:not([class]) div[class=""] div div[class*="background-"],
@@ -139,6 +153,10 @@ div[class^="radioBar-"] {
 
 /* rounder */
 [class^="authBox"],
+[class*="embed"],
+[class^="checkboxWrapper-"],
+div[class^="group-"],
+div[class*="card"],
 div[class^="item-"],
 div[class^="select-"],
 div[class^="popout"],
@@ -147,8 +165,9 @@ div[class^="accountProfile"],
 div[class^="profileBanner"],
 div[class^="connectedAccount"],
 div[class*="fullscreenOnMobile"],
+div[class^="auditLog-"],
+div[class^="auditLog-"] > div,
 div[class*="root"] div[class^="flex-"],
-[class*="embed"],
 div[class^="menu"],
 div[class^="messagesWrapper-"] div,
 div[class^="markup-"] pre code,
@@ -165,6 +184,8 @@ div[class^="sidebar-"]
 }
 
 /* sharper */
+div[class^="tabBarItem-"],
+div[class^="checkbox"],
 li[class^="channel-"],
 #channels ul li div > div[class^="content-"],
 button[class*="button"],
@@ -180,6 +201,19 @@ div[class^="menu-"] div
   border-radius: 8px !important;
 }
 
+div[class^="tabBarItem-"],
+div[class^="auditLog"] div[class^="headerExpanded-"]
+{
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+div[class^="auditLog-"] div[class^="changeDetails-"]
+{
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+
 [class*="embed-"],
 div[class^="messagesWrapper-"]
 div[class*="mentioned"]
@@ -288,11 +322,13 @@ section div[class^="children-"]
   }
 }
 
+div[class*="fullscreenOnMobile"] div[class^="flex"] {
+  overflow: hidden;
+}
+
 div[class^="tabBarItem-"] {
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
   margin-right: 16px;
-  padding: 0 8px;
+  padding: 4px 8px;
   margin-top: 16px;
 }
 
@@ -306,3 +342,24 @@ div[class^="jumpToPresentBar-"] {
   bottom: 16px;
   padding: 0;
 }
+
+div[class*="templatesList-"] {
+  height: 128px;
+}
+
+/* dimmer theme? */
+div[class^="layer-"] div.theme-light div[class*="root-"]
+{ background: var(--background-secondary); }
+div[class^="layer-"] div.theme-light div[class*="footer-"]
+{ background: var(--background-primary); }
+div[class^="layer-"] div.theme-light {
+  --header-primary: #dedede;
+  --header-secondary: #cacaca;
+  --text-normal: #dcddde;
+  --interactive-normal: #bebebe;
+  --interactive-hover: #dedede;
+  --background-primary: #3e3e3e;
+  --background-secondary: #2e2e2e;
+  --background-tertiary: #1e1e1e;
+  color: var(--header-primary);
+}