Add missing files, whoops

packages/greenbox-data/data/paths.ts

@@ -867,7 +867,7 @@ export default [
     maxPoints: 11,
   },
   {
-    id: 46,
+    id: 48,
     name: "Legacy of Loathing",
     image: "itemimages/xx.gif",
     items: [Thwaitgold.SplendorBeetle],

packages/greenbox-data/lib/paths.ts

@@ -72,6 +72,7 @@ export const expandPaths = (s = "") => {
       path.items.length + path.equipment.length + path.tattoos.length,
       "0",
     );
+
     const level = parseInt(part.substring(0, 1), pointsRadix);
     part = part.substring(1);
     const items = part

packages/greenbox-web/src/components/SwitchButton.tsx

@@ -0,0 +1,18 @@
+import { Button, IconButton, Image, useColorMode, useColorModeValue } from "@chakra-ui/react";
+
+export default function SwitchButton() {
+  const { toggleColorMode } = useColorMode();
+  const next = useColorModeValue("dark", "light");
+  const colorIcon = useColorModeValue("moon", "star");
+  const label = `Switch to ${next} mode`;
+
+  return (
+    <IconButton
+      size="xs"
+      onClick={toggleColorMode}
+      aria-label={label}
+      title={label}
+      icon={<Image height="60%" src={`/${colorIcon}.png`} />}
+    />
+  );
+}

packages/greenbox-web/src/theme.ts

@@ -0,0 +1,28 @@
+import { StyleFunctionProps, extendTheme } from "@chakra-ui/react";
+
+export const theme = extendTheme({
+    config: {
+        initialColorMode: "system",
+        useSystemColorMode: true,
+    },
+    semanticTokens: {
+        colors: {
+            "chakra-body-bg": {
+                _light: "#f6f8fa",
+                _dark: "#010409",
+            },
+            accent: {
+                default: "#ffffff",
+                _dark: "#161b22",
+            },
+            complete: {
+                default: "#afa",
+                _dark: "green.800",
+            },
+            partial: {
+                default: "#eea",
+                _dark: "yellow.800",
+            }
+        }
+    },
+});