Add git to project panel in theme, use different values for dark and light

styles/src/styleTree/projectPanel.ts

@@ -3,6 +3,7 @@ import { withOpacity } from "../utils/color"
 import { background, border, foreground, text } from "./components"
 
 export default function projectPanel(colorScheme: ColorScheme) {
+    const { isLight } = colorScheme
     let layer = colorScheme.middle
 
     let baseEntry = {
@@ -28,6 +29,16 @@ export default function projectPanel(colorScheme: ColorScheme) {
             background: background(layer, "active"),
             text: text(layer, "mono", "active", { size: "sm" }),
         },
+        status: {
+            git: {
+                modified: isLight
+                    ? colorScheme.ramps.yellow(0.6).hex()
+                    : colorScheme.ramps.yellow(0.5).hex(),
+                inserted: isLight
+                    ? colorScheme.ramps.green(0.4).hex()
+                    : colorScheme.ramps.green(0.5).hex(),
+            }
+        }
     }
 
     return {
@@ -79,6 +90,6 @@ export default function projectPanel(colorScheme: ColorScheme) {
             background: background(layer, "on"),
             text: text(layer, "mono", "on", { size: "sm" }),
             selection: colorScheme.players[0],
-        },
+        }
     }
 }