finally make consistent focus ring for messageinput

frontend/public/global.css

@@ -39,7 +39,7 @@
 
 	--purple-2: hsl(280, 78%, 45%);
 	--blue-2: hsl(200, 78%, 45%);
-	--blue-alpha-2: hsl(200, 78%, 45%, 20%);
+	--blue-alpha-2: hsl(200, 78%, 45%, 10%);
 	--green-2: hsl(140, 78%, 40%);
 	--yellow-2: hsl(50, 78%, 60%);
 	--red-2: hsl(2, 78%, 60%);

frontend/src/components/Message.svelte

@@ -12,7 +12,7 @@
             replyString += `> ${line}\n`;
         });
 
-        replyString += `@${message.author_username} `;
+        replyString += `@${message.author_username}: `;
 
         setMessageInputEvent.update(replyString);
     };

frontend/src/components/MessageInput.svelte

@@ -145,6 +145,10 @@
         resize: none;
     }
 
+    .message-input:focus-visible {
+        outline: 2px solid var(--purple-2);
+    }
+
     .message-input::placeholder {
         color: var(--foreground-color-4);
     }