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