1import { ColorScheme } from "../theme/color_scheme"
2import { background, border, text } from "./components"
3
4export default function project_shared_notification(
5 theme: ColorScheme
6): unknown {
7 const avatar_size = 48
8 return {
9 window_height: 74,
10 window_width: 380,
11 background: background(theme.middle),
12 owner_container: {
13 padding: 12,
14 },
15 owner_avatar: {
16 height: avatar_size,
17 width: avatar_size,
18 corner_radius: avatar_size / 2,
19 },
20 owner_metadata: {
21 margin: { left: 10 },
22 },
23 owner_username: {
24 ...text(theme.middle, "sans", { size: "sm", weight: "bold" }),
25 margin: { top: -3 },
26 },
27 message: {
28 ...text(theme.middle, "sans", "variant", { size: "xs" }),
29 margin: { top: -3 },
30 },
31 worktree_roots: {
32 ...text(theme.middle, "sans", "variant", { size: "xs", weight: "bold" }),
33 margin: { top: -3 },
34 },
35 button_width: 96,
36 open_button: {
37 background: background(theme.middle, "accent"),
38 border: border(theme.middle, { left: true, bottom: true }),
39 ...text(theme.middle, "sans", "accent", {
40 size: "xs",
41 weight: "bold",
42 }),
43 },
44 dismiss_button: {
45 border: border(theme.middle, { left: true }),
46 ...text(theme.middle, "sans", "variant", {
47 size: "xs",
48 weight: "bold",
49 }),
50 },
51 }
52}