Avoid moving contacts popover during call start & add button style state

Co-Authored-By: Nathan Sobo <nathan@zed.dev>

styles/src/styleTree/workspace.ts

@@ -29,6 +29,16 @@ export default function workspace(colorScheme: ColorScheme) {
       background: background(layer, "variant", "hovered"),
       border: border(layer, "variant", "hovered"),
     },
+    clicked: {
+      ...text(layer, "sans", "variant", "pressed", { size: "xs" }),
+      background: background(layer, "variant", "pressed"),
+      border: border(layer, "variant", "pressed"),
+    },
+    active: {
+      ...text(layer, "sans", "variant", "active", { size: "xs" }),
+      background: background(layer, "variant", "active"),
+      border: border(layer, "variant", "active"),
+    },
   };
   const avatarWidth = 18;
 
@@ -178,6 +188,10 @@ export default function workspace(colorScheme: ColorScheme) {
           background: background(layer, "variant", "active"),
           color: foreground(layer, "variant", "active"),
         },
+        clicked: {
+          background: background(layer, "variant", "pressed"),
+          color: foreground(layer, "variant", "pressed"),
+        },
         hover: {
           background: background(layer, "variant", "hovered"),
           color: foreground(layer, "variant", "hovered"),