1import { panel } from "./app";
2import { backgroundColor, iconColor, text, TextColor } from "./components";
3import Theme from "../themes/theme";
4import { Color } from "../utils/color";
5
6export default function projectPanel(theme: Theme) {
7 function entry(theme: Theme, textColor: TextColor, background?: Color) {
8 return {
9 height: 22,
10 background,
11 iconColor: iconColor(theme, "muted"),
12 iconSize: 8,
13 iconSpacing: 8,
14 text: text(theme, "mono", textColor),
15 };
16 }
17
18 return {
19 ...panel,
20 entry: entry(theme, "secondary"),
21 hoveredEntry: entry(
22 theme,
23 "secondary",
24 backgroundColor(theme, 300, "hovered")
25 ),
26 selectedEntry: entry(theme, "primary"),
27 hoveredSelectedEntry: entry(
28 theme,
29 "primary",
30 backgroundColor(theme, 300, "hovered")
31 ),
32 padding: {
33 top: 6,
34 },
35 };
36}