mirror of
https://github.com/zed-industries/zed.git
synced 2025-02-10 12:19:28 +00:00
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.
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import { ColorScheme } from "../themes/common/colorScheme"
|
|
import { background, border, text } from "./components"
|
|
|
|
export default function HoverPopover(colorScheme: ColorScheme) {
|
|
let layer = colorScheme.middle
|
|
let baseContainer = {
|
|
background: background(layer),
|
|
cornerRadius: 8,
|
|
padding: {
|
|
left: 8,
|
|
right: 8,
|
|
top: 4,
|
|
bottom: 4,
|
|
},
|
|
shadow: colorScheme.popoverShadow,
|
|
border: border(layer),
|
|
margin: {
|
|
left: -8,
|
|
},
|
|
}
|
|
|
|
return {
|
|
container: baseContainer,
|
|
infoContainer: {
|
|
...baseContainer,
|
|
background: background(layer, "accent"),
|
|
border: border(layer, "accent"),
|
|
},
|
|
warningContainer: {
|
|
...baseContainer,
|
|
background: background(layer, "warning"),
|
|
border: border(layer, "warning"),
|
|
},
|
|
errorContainer: {
|
|
...baseContainer,
|
|
background: background(layer, "negative"),
|
|
border: border(layer, "negative"),
|
|
},
|
|
block_style: {
|
|
padding: { top: 4 },
|
|
},
|
|
prose: text(layer, "sans", { size: "sm" }),
|
|
highlight: colorScheme.ramps.neutral(0.5).alpha(0.2).hex(), // TODO: blend was used here. Replace with something better
|
|
}
|
|
}
|