commandPalette.ts

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