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", "active", { size: "xs" }),
23 background: background(layer, "on", "active"),
24 },
25 },
26 };
27}