commandPalette.ts

 1import { ColorScheme } from "../themes/common/colorScheme";
 2import { text, border, background } from "./components";
 3
 4export default function commandPalette(colorScheme: ColorScheme) {
 5  let layer = colorScheme.highest.top;
 6  return {
 7    keystrokeSpacing: 8,
 8    key: {
 9      text: text(layer, "mono", { size: "xs" }),
10      cornerRadius: 4,
11      background: background(layer, "on"),
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(layer, "mono", { size: "xs" }),
23        background: background(layer),
24      },
25    },
26  };
27}