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