1import { text } from "./components";
2import contactFinder from "./contactFinder";
3import contactsPanel from "./contactsPanel";
4import contactsPopover from "./contactsPopover";
5import commandPalette from "./commandPalette";
6import editor from "./editor";
7import projectPanel from "./projectPanel";
8import search from "./search";
9import picker from "./picker";
10import workspace from "./workspace";
11import contextMenu from "./contextMenu";
12import projectDiagnostics from "./projectDiagnostics";
13import contactNotification from "./contactNotification";
14import updateNotification from "./updateNotification";
15import tooltip from "./tooltip";
16import terminal from "./terminal";
17import { ColorScheme } from "../themes/common/colorScheme";
18
19// export const panel = {
20// padding: { top: 12, bottom: 12 },
21// };
22
23export default function app(colorScheme: ColorScheme): Object {
24 return {
25 meta: {
26 name: colorScheme.name,
27 isLight: colorScheme.isLight,
28 },
29 picker: picker(colorScheme),
30 workspace: workspace(colorScheme),
31 contextMenu: contextMenu(colorScheme),
32 editor: editor(colorScheme),
33 projectDiagnostics: projectDiagnostics(colorScheme),
34 commandPalette: commandPalette(colorScheme),
35 projectPanel: projectPanel(colorScheme),
36 contactsPopover: contactsPopover(colorScheme),
37 contactsPanel: contactsPanel(colorScheme),
38 contactFinder: contactFinder(colorScheme),
39 search: search(colorScheme),
40 breadcrumbs: {
41 ...text(colorScheme.lowest.top, "sans", "variant"),
42 padding: {
43 left: 6,
44 },
45 },
46 contactNotification: contactNotification(colorScheme),
47 updateNotification: updateNotification(colorScheme),
48 tooltip: tooltip(colorScheme),
49 terminal: terminal(colorScheme.lowest),
50 colorScheme: {
51 ...colorScheme,
52 lowest: {
53 ...colorScheme.lowest,
54 ramps: {
55 neutral: colorScheme.lowest.ramps.neutral.colors(100, "hex"),
56 red: colorScheme.lowest.ramps.red.colors(100, "hex"),
57 orange: colorScheme.lowest.ramps.orange.colors(100, "hex"),
58 yellow: colorScheme.lowest.ramps.yellow.colors(100, "hex"),
59 green: colorScheme.lowest.ramps.green.colors(100, "hex"),
60 cyan: colorScheme.lowest.ramps.cyan.colors(100, "hex"),
61 blue: colorScheme.lowest.ramps.blue.colors(100, "hex"),
62 violet: colorScheme.lowest.ramps.violet.colors(100, "hex"),
63 magenta: colorScheme.lowest.ramps.magenta.colors(100, "hex"),
64 },
65 },
66 middle: {
67 ...colorScheme.middle,
68 ramps: {
69 neutral: colorScheme.middle.ramps.neutral.colors(100, "hex"),
70 red: colorScheme.middle.ramps.red.colors(100, "hex"),
71 orange: colorScheme.middle.ramps.orange.colors(100, "hex"),
72 yellow: colorScheme.middle.ramps.yellow.colors(100, "hex"),
73 green: colorScheme.middle.ramps.green.colors(100, "hex"),
74 cyan: colorScheme.middle.ramps.cyan.colors(100, "hex"),
75 blue: colorScheme.middle.ramps.blue.colors(100, "hex"),
76 violet: colorScheme.middle.ramps.violet.colors(100, "hex"),
77 magenta: colorScheme.middle.ramps.magenta.colors(100, "hex"),
78 },
79 },
80 highest: {
81 ...colorScheme.highest,
82 ramps: {
83 neutral: colorScheme.highest.ramps.neutral.colors(100, "hex"),
84 red: colorScheme.highest.ramps.red.colors(100, "hex"),
85 orange: colorScheme.highest.ramps.orange.colors(100, "hex"),
86 yellow: colorScheme.highest.ramps.yellow.colors(100, "hex"),
87 green: colorScheme.highest.ramps.green.colors(100, "hex"),
88 cyan: colorScheme.highest.ramps.cyan.colors(100, "hex"),
89 blue: colorScheme.highest.ramps.blue.colors(100, "hex"),
90 violet: colorScheme.highest.ramps.violet.colors(100, "hex"),
91 magenta: colorScheme.highest.ramps.magenta.colors(100, "hex"),
92 },
93 },
94 players: [
95 colorScheme.players["0"],
96 colorScheme.players["1"],
97 colorScheme.players["2"],
98 colorScheme.players["3"],
99 colorScheme.players["4"],
100 colorScheme.players["5"],
101 colorScheme.players["6"],
102 colorScheme.players["7"],
103 ],
104 },
105 };
106}