Friend request, deleted user, banner class fixes

Bitslayn · Jul 28, 2024 · c1501fe · c1501fe
1 parent bde1a7d
commit c1501fe
Show file tree

Hide file tree

Showing 11 changed files with 3,615 additions and 15 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,10 @@
 # Bitslayn's silly Replugged addons
 
-This is my Github repo for all my Replugged addons.
+This is where I keep all my Replugged addons :3
+
+### Themes
+- [Dis-Cons](https://github.com/Bitslayn/RepluggedAddons/tree/main/themes/btw.bitslayn.discordicons)
+- [Revert Profiles](https://github.com/Bitslayn/RepluggedAddons/tree/main/themes/btw.bitslayn.revertProfiles)
+
+### Plugins
+- [Channel Icons](https://github.com/Bitslayn/RepluggedAddons/tree/main/plugins/btw.bitslayn.channelIcons)
diff --git a/themes/btw.bitslayn.discordicons/README.md b/themes/btw.bitslayn.discordicons/README.md
@@ -1,5 +1,6 @@
 # Dis-Cons
 [![Install in Replugged](https://img.shields.io/badge/-Install%20in%20Replugged-blue?style=for-the-badge&logo=none)](https://replugged.dev/install?identifier=btw.bitslayn.discordicons)
+[Vencord (Online Theme)](https://raw.githubusercontent.com/Bitslayn/RepluggedAddons/main/themes/btw.bitslayn.discordicons/raw/main.css)
 
 Just a little Replugged theme which adds icons to context menus which don't have them
 

diff --git a/themes/btw.bitslayn.discordicons/raw/main.css b/themes/btw.bitslayn.discordicons/raw/main.css
diff --git a/themes/btw.bitslayn.revertProfiles/README.md b/themes/btw.bitslayn.revertProfiles/README.md
@@ -1,5 +1,6 @@
 # Revert Profiles
 [![Install in Replugged](https://img.shields.io/badge/-Install%20in%20Replugged-blue?style=for-the-badge&logo=none)](https://replugged.dev/install?identifier=btw.bitslayn.revertProfiles)
+[Vencord (Online Theme)](https://raw.githubusercontent.com/Bitslayn/RepluggedAddons/main/themes/btw.bitslayn.revertProfiles/raw/main.css)
 
 Reverts user profiles to the layout before they were simplified. This does not increase how many roles are shown in popout profiles.
 

diff --git a/themes/btw.bitslayn.revertProfiles/raw/main.css b/themes/btw.bitslayn.revertProfiles/raw/main.css
diff --git a/themes/btw.bitslayn.revertProfiles/src/banners.scss b/themes/btw.bitslayn.revertProfiles/src/banners.scss
@@ -3,7 +3,7 @@
 // Solid color
 [class*="biteSizeOuter"]
   > [class*="userProfileInner"]
-  > header:not(:has([style^="background-image"])) {
+  > header:not(:has([style*="background-image"])) {
   > [class^="avatar"] {
     top: 16px;
     left: 22px;
@@ -34,7 +34,7 @@
 }
 [class*="fullSizeOuter"]
   > [class*="userProfileInner"]
-  > header:not(:has([style^="background-image"])) {
+  > header:not(:has([style*="background-image"])) {
   height: 106px;
   > [class^="headerInner"] > [class^="avatar"] {
     position: fixed;
@@ -68,7 +68,7 @@
 
 // Premium + solid color
 [class*="biteSizeOuter"][class*="userProfileOuterThemed"] > [class*="userProfileInner"] {
-  > header:not(:has([style^="background-image"])) > [class^="bannerSVGWrapper"] {
+  > header:not(:has([style*="background-image"])) > [class^="bannerSVGWrapper"] {
     @include dumbmaxing;
     mask circle {
       cx: 51.25;
@@ -77,15 +77,15 @@
   }
 }
 [class*="fullSizeOuter"][class*="userProfileOuterThemed"] > [class*="userProfileInner"] {
-  > header:not(:has([style^="background-image"])) > [class^="headerInner"] > [class^="avatar"] {
+  > header:not(:has([style*="background-image"])) > [class^="headerInner"] > [class^="avatar"] {
     top: 45px;
     left: 26px;
   }
 }
 
 // USRBG
 [class*="biteSizeOuter"]:not([class*="userProfileOuterThemed"]) > [class*="userProfileInner"] {
-  > header:has([style^="background-image"]) > svg {
+  > header:has([style*="background-image"]) > svg {
     @include dumbmaxing;
     mask circle {
       cx: 54.5 !important;
@@ -94,7 +94,7 @@
   }
 }
 [class*="fullSizeOuter"]:not([class*="userProfileOuterThemed"]) > [class*="userProfileInner"] {
-  > header:has([style^="background-image"]) > svg {
+  > header:has([style*="background-image"]) > svg {
     @include dumbmaxing;
     mask circle {
       cx: 88;

diff --git a/themes/btw.bitslayn.revertProfiles/src/components/banner/buttons.scss b/themes/btw.bitslayn.revertProfiles/src/components/banner/buttons.scss
@@ -61,7 +61,8 @@
   > [class^="wrapper"] > div:has(
   > button > div > svg > path[d^="M19 14a1 1 0"], /* Add Friend */
   > button > div > svg > path[d^="M12 10a4 4 0"], /* Friends */
-  > button > div > svg > path[d^="M5.26 12.45c"] /* Mod View */
+  > button > div > svg > path[d^="M5.26 12.45c"], /* Mod View */
+  > button > div > svg > path[d^="M16 6a4 4 0 "] /* Pending */
   ) {
     display: none;
   }

diff --git a/themes/btw.bitslayn.revertProfiles/src/fixes/static.scss b/themes/btw.bitslayn.revertProfiles/src/fixes/static.scss
@@ -1,5 +1,5 @@
 // Fix static profiles
-[data-popout-animating="false"]:has(> div > [class^="biteSizeOuter"]),
+div[id^="popout"] > [data-popout-animating="false"],
 [class^="accountProfilePopoutWrapper"],
 [class^="customizationSection"],
 [class^="previewContainer"] > [class^="biteSizeOuter"],
@@ -33,9 +33,10 @@
 
 // Fix profiles with no body or footer
 [class*="biteSizeOuter"] > [class*="userProfileInner"] {
-  &:not(:has(> footer > *)),
-  &:has(footer > button [d^="m13.96 5.46 4.58 4.58a1"]):not(
-      footer > *:not(button [d^="m13.96 5.46 4.58 4.58a1"])
+  &:not(:has(> footer > *)), // Includes my profile static, Discord's profile, and deleted users
+  // My bitesize profile edit button
+  &:has(footer > button [d^="m13.96 5.46 "]):not(
+      footer > *:not(button [d^="m13.96 5.46 "])
     ) {
     > footer {
       visibility: hidden;
@@ -50,10 +51,28 @@
       &:not(:has(> div:nth-child(2) > *))::before {
         display: none;
       }
+      &:not(:has(> div:nth-child(2) > *)) {
+        padding: unset !important;
+        > [class^="container"] {
+          border-bottom-left-radius: var(--radius-sm);
+          border-bottom-right-radius: var(--radius-sm);
+        }
+      }
     }
   }
 }
 
+// "Unable to load profile banner, badges, and about me." indicator
+[class^="nicknameIcons"] > div[aria-label]:not([class^="clickTarget"]) {
+  position: fixed;
+  top: 8px;
+  right: 16px;
+  > svg {
+    width: 20px;
+    height: 20px;
+  }
+}
+
 // Fix dropdown menu positioning
 [class^="accountProfilePopoutWrapper"]
   [class^="biteSizeOverlayBackground"]

diff --git a/themes/btw.bitslayn.revertProfiles/src/globals.scss b/themes/btw.bitslayn.revertProfiles/src/globals.scss
@@ -2,7 +2,7 @@
   &[class^="biteSizeOuter"] {
     --banner-height: 60px;
     --banner-offset: calc(120px - var(--banner-height));
-    &:has(foreignObject > [style^="background-image"]) {
+    &:has(foreignObject > [style*="background-image"]) {
       --banner-height: 120px;
     }
     --badge-container-height: 22px; // 0 rows (Minimal gap of 16px)
@@ -19,7 +19,7 @@
   &[class^="fullSizeOuter"] {
     --banner-height: 105px; // Pretty sure this should be 206px
     --banner-offset: calc(210px - var(--banner-height));
-    &:has(foreignObject > [style^="background-image"]) {
+    &:has(foreignObject > [style*="background-image"]) {
       --banner-height: 210px; // Should be 212px but I got lazy
     }
     --badge-container-height: 22px; // 0 rows (Minimal gap of 24px)

diff --git a/themes/btw.bitslayn.revertProfiles/src/profiles/full.scss b/themes/btw.bitslayn.revertProfiles/src/profiles/full.scss
@@ -266,6 +266,10 @@
         }
       }
       > [class^="fullSizeOverlayBackground"] {
+        // Accept friend request
+        &:is([class*="friendRequestBannerOverlay"]) {
+          display: none;
+        }
         border-top-left-radius: unset;
         border-top-right-radius: unset;
         border: unset;

diff --git a/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss b/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss
@@ -84,7 +84,7 @@
       > [class^="bannerSVGWrapper"] {
         padding: 0 0 calc(83px + var(--badge-container-height) - var(--banner-offset));
         display: block;
-        &:has(foreignObject > [style^="background-image"]) {
+        &:has(foreignObject > [style*="background-image"]) {
           transform: scaleY(1.0084) translateY(1px);
           mask circle {
             cx: 51;
@@ -182,6 +182,11 @@
       //overflow: unset !important;
       background-color: var(--profile-body-background-color);
 
+      // Accept friend request
+      > [class^="biteSizeOverlayBackground"] {
+        display: none;
+      }
+
       // Divider
       &::before {
         content: "";