36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import { ColorScheme } from "../themes/common/colorScheme";
|
|
import { background, foreground, text } from "./components";
|
|
|
|
export default function projectPanel(colorScheme: ColorScheme) {
|
|
let layer = colorScheme.middle;
|
|
return {
|
|
background: background(layer),
|
|
padding: { left: 12, right: 12, top: 6, bottom: 6 },
|
|
indentWidth: 8,
|
|
entry: {
|
|
height: 24,
|
|
iconColor: foreground(layer, "variant"),
|
|
iconSize: 8,
|
|
iconSpacing: 8,
|
|
text: text(layer, "mono", "variant", { size: "sm" }),
|
|
hover: {
|
|
background: background(layer, "variant", "hovered"),
|
|
},
|
|
active: {
|
|
background: background(layer, "active"),
|
|
text: text(layer, "mono", "active", { size: "sm" }),
|
|
},
|
|
activeHover: {
|
|
background: background(layer, "active"),
|
|
text: text(layer, "mono", "active", { size: "sm" }),
|
|
},
|
|
},
|
|
cutEntryFade: 0.4,
|
|
ignoredEntryFade: 0.6,
|
|
filenameEditor: {
|
|
background: background(layer, "on"),
|
|
text: text(layer, "mono", "on", { size: "sm" }),
|
|
selection: colorScheme.players[0],
|
|
},
|
|
};
|
|
}
|