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