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