contextMenu.ts

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