1import Theme from "../themes/theme";
 2import { panel } from "./app";
 3import { borderColor, text } from "./components";
 4
 5export default function(theme: Theme) {
 6    const project = {
 7        guestAvatarSpacing: 4,
 8        height: 24,
 9        guestAvatar: {
10            cornerRadius: 8,
11            width: 14,
12        },
13        name: {
14            ...text(theme, "mono", "secondary"),
15            margin: {
16                right: 6,
17            },
18        },
19        padding: {
20            left: 8,
21        },
22    };
23
24    const sharedProject = {
25        ...project,
26        name: {
27            ...project.name,
28            ...text(theme, "mono", "primary"),
29        },
30    };
31
32    return {
33        ...panel,
34        hostRowHeight: 28,
35        treeBranchColor: borderColor(theme, "muted"),
36        treeBranchWidth: 1,
37        hostAvatar: {
38            cornerRadius: 10,
39            width: 18,
40        },
41        hostUsername: {
42            ...text(theme, "mono", "muted"),
43            padding: {
44                left: 8,
45            },
46        },
47        project,
48        sharedProject,
49        hoveredSharedProject: {
50            ...sharedProject,
51            background: theme.editor.line.active.value,
52            cornerRadius: 6,
53        },
54        unsharedProject: project,
55        hoveredUnsharedProject: {
56            ...project,
57            background: theme.editor.line.active.value,
58            cornerRadius: 6,
59        },
60    }
61}