fix: restore translucent dashboard styling (#6664)

* fix: restore translucent dashboard styling

* fix: restore dashboard widget transparency

* fix: address dashboard review feedback

* fix: apply board opacity to containers

* fix: flatten demo board container

* fix: default board roundness to sm

* fix: restore assistant widget transparency

* Revert "fix: default board roundness to sm"

This reverts commit c235cbdf2b.

* fix: address remaining dashboard review comments

* test: align grid geometry expectations

packages/widgets/src/vpn/vpn-card.tsx

@@ -19,6 +19,9 @@ import { getStatusColor, RUNNING_STATUS } from "./helpers";
 
 export type VpnInfo = RouterOutputs["widget"]["vpn"]["getSummaries"][number]["summary"];
 
+const neutralBorderColor =
+  "rgb(from var(--mantine-color-default-border) r g b / calc(var(--opacity, 1) * 0.45))";
+
 export function VpnIntegrationCard({
   vpn,
   integrationName,
@@ -53,7 +56,14 @@ export function VpnIntegrationCard({
 
   if (compact) {
     return (
-      <Card withBorder radius={board.itemRadius} p={dense ? 6 : "xs"} w="100%">
+      <Card
+        withBorder
+        radius={board.itemRadius}
+        p={dense ? 6 : "xs"}
+        w="100%"
+        bg="transparent"
+        style={{ borderColor: neutralBorderColor }}
+      >
         {content}
       </Card>
     );