10a30cf330
In the system color PR I updated the prettier config to match what we use on zed.dev. I didn't want to format all of styles as it would add a lot of unrelated line changes to that PR. Doing that format now.
44 lines
1.5 KiB
TypeScript
44 lines
1.5 KiB
TypeScript
import { ColorScheme } from "../themes/common/colorScheme"
|
|
import { background, border, borderColor, text } from "./components"
|
|
|
|
export default function contextMenu(colorScheme: ColorScheme) {
|
|
let layer = colorScheme.middle
|
|
return {
|
|
background: background(layer),
|
|
cornerRadius: 10,
|
|
padding: 4,
|
|
shadow: colorScheme.popoverShadow,
|
|
border: border(layer),
|
|
keystrokeMargin: 30,
|
|
item: {
|
|
iconSpacing: 8,
|
|
iconWidth: 14,
|
|
padding: { left: 6, right: 6, top: 2, bottom: 2 },
|
|
cornerRadius: 6,
|
|
label: text(layer, "sans", { size: "sm" }),
|
|
keystroke: {
|
|
...text(layer, "sans", "variant", {
|
|
size: "sm",
|
|
weight: "bold",
|
|
}),
|
|
padding: { left: 3, right: 3 },
|
|
},
|
|
hover: {
|
|
background: background(layer, "hovered"),
|
|
label: text(layer, "sans", "hovered", { size: "sm" }),
|
|
},
|
|
active: {
|
|
background: background(layer, "active"),
|
|
label: text(layer, "sans", "active", { size: "sm" }),
|
|
},
|
|
activeHover: {
|
|
background: background(layer, "active"),
|
|
label: text(layer, "sans", "active", { size: "sm" }),
|
|
},
|
|
},
|
|
separator: {
|
|
background: borderColor(layer),
|
|
margin: { top: 2, bottom: 2 },
|
|
},
|
|
}
|
|
}
|