contextMenu.ts

 1import Theme from "../themes/common/theme";
 2import { backgroundColor, shadow, text } from "./components";
 3
 4export default function contextMenu(theme: Theme) {
 5  return {
 6    background: backgroundColor(theme, 300, "base"),
 7    cornerRadius: 6,
 8    padding: {
 9      bottom: 2,
10      left: 6,
11      right: 6,
12      top: 2,
13    },
14    shadow: shadow(theme),
15    item: {
16      label: text(theme, "sans", "secondary", { size: "sm" }),
17      keystroke: {
18        margin: { left: 60 },
19        ...text(theme, "sans", "muted", { size: "sm", weight: "bold" })
20      },
21    },
22    separator: {
23      background: "#00ff00"
24    },
25  }
26}