1import { ColorScheme } from "../themes/common/colorScheme";
 2import { background, foreground, text } from "./components";
 3
 4export default function projectPanel(colorScheme: ColorScheme) {
 5  let layer = colorScheme.middle;
 6
 7  let entry = {
 8    height: 24,
 9    iconColor: foreground(layer, "variant"),
10    iconSize: 8,
11    iconSpacing: 8,
12    text: text(layer, "mono", "variant", { size: "sm" }),
13    hover: {
14      background: background(layer, "variant", "hovered"),
15    },
16    active: {
17      background: background(layer, "active"),
18      text: text(layer, "mono", "active", { size: "sm" }),
19    },
20    activeHover: {
21      background: background(layer, "active"),
22      text: text(layer, "mono", "active", { size: "sm" }),
23    },
24  };
25
26  return {
27    background: background(layer),
28    padding: { left: 12, right: 12, top: 6, bottom: 6 },
29    indentWidth: 8,
30    entry,
31    ignoredEntry: {
32      ...entry,
33      text: text(layer, "mono", "disabled"),
34    },
35    cutEntry: {
36      ...entry,
37      text: text(layer, "mono", "disabled"),
38      active: {
39        background: background(layer, "active"),
40        text: text(layer, "mono", "disabled", { size: "sm" }),
41      },
42    },
43    filenameEditor: {
44      background: background(layer, "on"),
45      text: text(layer, "mono", "on", { size: "sm" }),
46      selection: colorScheme.players[0],
47    },
48  };
49}