1import { ColorScheme } from "../themes/common/colorScheme"
2import { foreground, text } from "./components"
3
4const headerPadding = 8
5
6export default function simpleMessageNotification(
7 colorScheme: ColorScheme
8): Object {
9 let layer = colorScheme.middle
10 return {
11 message: {
12 ...text(layer, "sans", { size: "xs" }),
13 margin: { left: headerPadding, right: headerPadding },
14 },
15 actionMessage: {
16 ...text(layer, "sans", { size: "xs" }),
17 margin: { left: headerPadding, top: 6, bottom: 6 },
18 hover: {
19 color: foreground(layer, "hovered"),
20 },
21 },
22 dismissButton: {
23 color: foreground(layer),
24 iconWidth: 8,
25 iconHeight: 8,
26 buttonWidth: 8,
27 buttonHeight: 8,
28 hover: {
29 color: foreground(layer, "hovered"),
30 },
31 },
32 }
33}