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  return {
 7    background: background(layer),
 8    padding: { left: 12, right: 12, top: 6, bottom: 6 },
 9    indentWidth: 8,
10    entry: {
11      height: 24,
12      iconColor: foreground(layer, "variant"),
13      iconSize: 8,
14      iconSpacing: 8,
15      text: text(layer, "mono", "variant", { size: "sm" }),
16      hover: {
17        background: background(layer, "variant", "hovered"),
18      },
19      active: {
20        background: background(layer, "active"),
21        text: text(layer, "mono", "active", { size: "sm" }),
22      },
23      activeHover: {
24        background: background(layer, "active"),
25        text: text(layer, "mono", "active", { size: "sm" }),
26      },
27    },
28    cutEntryFade: 0.4,
29    ignoredEntryFade: 0.6,
30    filenameEditor: {
31      background: background(layer, "on"),
32      text: text(layer, "mono", "on", { size: "sm" }),
33      selection: colorScheme.players[0],
34    },
35  };
36}