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