fix: Add Friend input box border should use accent (#190)

src/components/_details.scss

@@ -116,9 +116,7 @@ div[class*="flowerStarContainer-"] {
   }
 
   &[class*="iconBackgroundTierOne-"],
-  &[class*="iconBackgroundTierTwo-"]:not(
-      [class*="boostedGuildTierIconBackgroundWithVisibleBanner"]
-    ) {
+  &[class*="iconBackgroundTierTwo-"]:not([class*="boostedGuildTierIconBackgroundWithVisibleBanner"]) {
     svg[class*="flowerStar-"] * {
       fill: $surface2;
     }
@@ -210,6 +208,11 @@ div[class|="botTag"] {
   background-color: $brand;
 }
 
+// Add Friend text box border on selection should use accent
+div[class|="addFriendInputWrapper"]:focus-within {
+  border-color: $brand;
+}
+
 // spotify button on text area
 button[class^="attachButton-"] {
   svg path[class^="attachButtonPlay-"] {
@@ -260,9 +263,6 @@ div[class*="tryItOutBadge-"] {
 }
 
 span[class*="channelMention"]:hover,
-[class*="mention"]:not(
-    [class*="mentionButton-"],
-    [class*="mentionIcon-"]
-  ):hover {
+[class*="mention"]:not([class*="mentionButton-"], [class*="mentionIcon-"]):hover {
   color: $crust;
 }