1import { ColorScheme } from "../themes/common/colorScheme";
 2import { panel } from "./app";
 3import { background, foreground, text } from "./components";
 4
 5export default function projectPanel(colorScheme: ColorScheme) {
 6  let layer = colorScheme.lowest.middle;
 7  return {
 8    ...panel,
 9    padding: { left: 12, right: 12, top: 6, bottom: 6 },
10    indentWidth: 8,
11    entry: {
12      height: 24,
13      iconColor: foreground(layer, "on"),
14      iconSize: 8,
15      iconSpacing: 8,
16      text: text(layer, "mono", "on", { size: "sm" }),
17      hover: {
18        background: background(layer, "on", "hovered"),
19      },
20      active: {
21        background: background(layer, "base", "active"),
22        text: text(layer, "mono", "base", "active", { size: "sm" }),
23      },
24      activeHover: {
25        background: background(layer, "base", "hovered"),
26        text: text(layer, "mono", "base", "active", { size: "sm" }),
27      },
28    },
29    cutEntryFade: 0.4,
30    ignoredEntryFade: 0.6,
31    filenameEditor: {
32      background: background(layer, "on"),
33      text: text(layer, "mono", "on", "active", { size: "sm" }),
34      selection: colorScheme.players[0],
35    },
36  };
37}