feat: add opentui interface for opencode

- Add comprehensive TUI interface with React Ink components - Implement session management, model selection, and command dialogs - Add theme system with customizable colors and styling - Integrate with existing opencode server and SDK - Add todo management and file browsing capabilities - Include proper TypeScript support and error handling
2025-09-19 17:21:04 -04:00
parent f1cbdf441c
commit 02848a350c
69 changed files with 3240 additions and 349 deletions
@@ -0,0 +1,204 @@
+{
+  "theme": {
+    "primary": {
+      "dark": "#fab283",
+      "light": "#3b7dd8"
+    },
+    "secondary": {
+      "dark": "#5c9cf5",
+      "light": "#7b5bb6"
+    },
+    "accent": {
+      "dark": "#9d7cd8",
+      "light": "#d68c27"
+    },
+    "error": {
+      "dark": "#e06c75",
+      "light": "#d1383d"
+    },
+    "warning": {
+      "dark": "#f5a742",
+      "light": "#d68c27"
+    },
+    "success": {
+      "dark": "#7fd88f",
+      "light": "#3d9a57"
+    },
+    "info": {
+      "dark": "#56b6c2",
+      "light": "#318795"
+    },
+    "text": {
+      "dark": "#eeeeee",
+      "light": "#1a1a1a"
+    },
+    "textMuted": {
+      "dark": "#808080",
+      "light": "#8a8a8a"
+    },
+    "background": {
+      "dark": "#0a0a0a",
+      "light": "#ffffff"
+    },
+    "backgroundPanel": {
+      "dark": "#141414",
+      "light": "#fafafa"
+    },
+    "backgroundElement": {
+      "dark": "#1e1e1e",
+      "light": "#f5f5f5"
+    },
+    "border": {
+      "dark": "#484848",
+      "light": "#b8b8b8"
+    },
+    "borderActive": {
+      "dark": "#606060",
+      "light": "#a0a0a0"
+    },
+    "borderSubtle": {
+      "dark": "#3c3c3c",
+      "light": "#d4d4d4"
+    },
+    "diffAdded": {
+      "dark": "#4fd6be",
+      "light": "#1e725c"
+    },
+    "diffRemoved": {
+      "dark": "#c53b53",
+      "light": "#c53b53"
+    },
+    "diffContext": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHunkHeader": {
+      "dark": "#828bb8",
+      "light": "#7086b5"
+    },
+    "diffHighlightAdded": {
+      "dark": "#b8db87",
+      "light": "#4db380"
+    },
+    "diffHighlightRemoved": {
+      "dark": "#e26a75",
+      "light": "#f52a65"
+    },
+    "diffAddedBg": {
+      "dark": "#20303b",
+      "light": "#d5e5d5"
+    },
+    "diffRemovedBg": {
+      "dark": "#37222c",
+      "light": "#f7d8db"
+    },
+    "diffContextBg": {
+      "dark": "#141414",
+      "light": "#fafafa"
+    },
+    "diffLineNumber": {
+      "dark": "#1e1e1e",
+      "light": "#f5f5f5"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#1b2b34",
+      "light": "#c5d5c5"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d1f26",
+      "light": "#e7c8cb"
+    },
+    "markdownText": {
+      "dark": "#eeeeee",
+      "light": "#1a1a1a"
+    },
+    "markdownHeading": {
+      "dark": "#9d7cd8",
+      "light": "#d68c27"
+    },
+    "markdownLink": {
+      "dark": "#fab283",
+      "light": "#3b7dd8"
+    },
+    "markdownLinkText": {
+      "dark": "#56b6c2",
+      "light": "#318795"
+    },
+    "markdownCode": {
+      "dark": "#7fd88f",
+      "light": "#3d9a57"
+    },
+    "markdownBlockQuote": {
+      "dark": "#e5c07b",
+      "light": "#b0851f"
+    },
+    "markdownEmph": {
+      "dark": "#e5c07b",
+      "light": "#b0851f"
+    },
+    "markdownStrong": {
+      "dark": "#f5a742",
+      "light": "#d68c27"
+    },
+    "markdownHorizontalRule": {
+      "dark": "#808080",
+      "light": "#8a8a8a"
+    },
+    "markdownListItem": {
+      "dark": "#fab283",
+      "light": "#3b7dd8"
+    },
+    "markdownListEnumeration": {
+      "dark": "#56b6c2",
+      "light": "#318795"
+    },
+    "markdownImage": {
+      "dark": "#fab283",
+      "light": "#3b7dd8"
+    },
+    "markdownImageText": {
+      "dark": "#56b6c2",
+      "light": "#318795"
+    },
+    "markdownCodeBlock": {
+      "dark": "#eeeeee",
+      "light": "#1a1a1a"
+    },
+    "syntaxComment": {
+      "dark": "#808080",
+      "light": "#8a8a8a"
+    },
+    "syntaxKeyword": {
+      "dark": "#9d7cd8",
+      "light": "#d68c27"
+    },
+    "syntaxFunction": {
+      "dark": "#fab283",
+      "light": "#3b7dd8"
+    },
+    "syntaxVariable": {
+      "dark": "#e06c75",
+      "light": "#d1383d"
+    },
+    "syntaxString": {
+      "dark": "#7fd88f",
+      "light": "#3d9a57"
+    },
+    "syntaxNumber": {
+      "dark": "#f5a742",
+      "light": "#d68c27"
+    },
+    "syntaxType": {
+      "dark": "#e5c07b",
+      "light": "#b0851f"
+    },
+    "syntaxOperator": {
+      "dark": "#56b6c2",
+      "light": "#318795"
+    },
+    "syntaxPunctuation": {
+      "dark": "#eeeeee",
+      "light": "#1a1a1a"
+    }
+  }
+}