fix: collab username style fixes (#6668)

src/renderer/renderScene.ts

@@ -743,12 +743,7 @@ export const _renderScene = ({
           context.strokeStyle = oc.white;
           context.stroke();
         } else {
-          // Border
+          roundRect(context, boxX, boxY, boxWidth, boxHeight, 8, oc.white);
-          context.fillStyle = oc.white;
-          context.fillRect(boxX, boxY, boxWidth, boxHeight);
-          // Background
-          context.fillStyle = background;
-          context.fillRect(offsetX, offsetY, boxWidth - 2, boxHeight - 2);
         }
         context.fillStyle = oc.black;
 
@@ -759,7 +754,7 @@ export const _renderScene = ({
             paddingVertical +
             measure.actualBoundingBoxAscent +
             Math.floor((finalHeight - measureHeight) / 2) +
-            1,
+            2,
         );
       }
 

src/renderer/roundRect.ts

@@ -15,6 +15,7 @@ export const roundRect = (
   width: number,
   height: number,
   radius: number,
+  strokeColor?: string,
 ) => {
   context.beginPath();
   context.moveTo(x + radius, y);
@@ -33,5 +34,8 @@ export const roundRect = (
   context.quadraticCurveTo(x, y, x + radius, y);
   context.closePath();
   context.fill();
+  if (strokeColor) {
+    context.strokeStyle = strokeColor;
+  }
   context.stroke();
 };