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}