Files
oak-gpui/styles/src/styleTree/tooltip.ts
T
Nate Butler 01eed2c844 Rebalance text and icon color usage...
...to better differentiate between primary, secondary and muted.
2022-07-26 15:53:48 -04:00

23 lines
735 B
TypeScript

import Theme from "../themes/common/theme";
import { backgroundColor, border, popoverShadow, text } from "./components";
export default function tooltip(theme: Theme) {
return {
background: backgroundColor(theme, 500),
border: border(theme, "secondary"),
padding: { top: 4, bottom: 4, left: 8, right: 8 },
margin: { top: 6, left: 6 },
shadow: popoverShadow(theme),
cornerRadius: 6,
text: text(theme, "sans", "primary", { size: "xs" }),
keystroke: {
background: backgroundColor(theme, "on500"),
cornerRadius: 4,
margin: { left: 6 },
padding: { left: 4, right: 4 },
...text(theme, "mono", "secondary", { size: "xs", weight: "bold" }),
},
maxTextWidth: 200,
};
}