Implemented direct styling for ignored and cut project panel entries

styles/src/styleTree/projectPanel.ts

@@ -3,30 +3,43 @@ import { background, foreground, text } from "./components";
 
 export default function projectPanel(colorScheme: ColorScheme) {
   let layer = colorScheme.middle;
+
+  let 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" }),
+    },
+  };
+
   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" }),
-      },
+    entry,
+    ignoredEntry: {
+      ...entry,
+      text: text(layer, "mono", "variant", { color: "#ff00cc" }),
+    },
+    cutEntry: {
+      ...entry,
+      text: text(layer, "mono", "variant", { color: "#ff00cc" }),
+    },
+    ignoredAndCutEntry: {
+      ...entry,
+      text: text(layer, "mono", "variant", { color: "#ffb700" }),
     },
-    cutEntryFade: 0.4,
-    ignoredEntryFade: 0.6,
     filenameEditor: {
       background: background(layer, "on"),
       text: text(layer, "mono", "on", { size: "sm" }),