commandPalette.ts

 1import Theme from "../themes/theme";
 2import { colors } from "../tokens";
 3import { text, backgroundColor, border, borderColor } from "./components";
 4
 5export default function commandPalette(theme: Theme) {
 6  return {
 7    keystrokeSpacing: 8,
 8    key: {
 9      text: text(theme, "mono", "active", { size: "xs" }),
10      cornerRadius: 4,
11      background: backgroundColor(theme, "on300"),
12      border: border(theme, "secondary"),
13      padding: {
14        top: 3,
15        bottom: 3,
16        left: 8,
17        right: 8,
18      },
19      margin: {
20        left: 2
21      },
22    }
23  }
24}