)]}'
{
  "commit": "3eaa43377ddaec484ea3564f178078a84dc6e02d",
  "tree": "79c226b85a10f50cf554b87899828e318d63f46f",
  "parents": [
    "d082fdceb0378ddbceb81f51ab77ac1af904d57c"
  ],
  "author": {
    "name": "banksean",
    "email": "banksean@gmail.com",
    "time": "Sat Jul 19 02:19:06 2025 +0000"
  },
  "committer": {
    "name": "Autoformatter",
    "email": "bot@sketch.dev",
    "time": "Sat Jul 19 18:44:56 2025 +0000"
  },
  "message": "webui: implement comprehensive dark mode support\n\nAdd complete dark mode implementation across all web UI components with\ntheme initialization and consistent styling:\n\nCore infrastructure:\n- Update DARK_MODE.md documentation with current implementation details\n- Add theme initialization to sketch-app-shell-base component\n- Implement ThemeService integration with existing theme toggle system\n\nComponent updates with dark mode variants:\n- sketch-app-shell: Main container backgrounds and text colors\n- sketch-app-shell-base: Top banner, todo panel container with gradient backgrounds\n- sketch-chat-input: Input fields, buttons, overlay messages, and drop zones\n- sketch-container-status: Info panels, SSH connection displays, and expandable details\n- sketch-call-status: Status indicators, banners, and activity states\n- sketch-view-mode-select: Tab container, button states, and active tab styling\n- sketch-timeline-message: Message bubbles, markdown content, code blocks, and commit info\n- sketch-push-button: Overlay popup, form controls, and result containers\n- sketch-todo-panel: Todo items, headers, comment modal, and form elements\n- sketch-diff-range-picker: Dropdown interface, commit display, and git reference badges\n\nCSS and styling improvements:\n- Comprehensive markdown content styling for dark theme\n- Code block backgrounds and syntax highlighting adjustments\n- Mermaid diagram container styling for dark mode\n- Auto-generated link styling with proper contrast\n- Git reference badge colors (tags: amber, branches: green, sketch-base: blue)\n\nInteractive element enhancements:\n- Consistent hover states across light and dark themes\n- Proper focus indicators with accessible contrast ratios\n- Loading spinners and progress indicators adapted for dark backgrounds\n- Error and success message styling with semantic color preservation\n\nKey implementation details:\n- Consistent color mappings: white→gray-900, gray-100→gray-800, gray-200→gray-700\n- Preserved brand colors (blue-500, red-600, green-600) that work in both themes\n- Maintained semantic color coding for success/error/warning states\n- Ensured accessibility with proper contrast ratios throughout\n- Theme system integration enables seamless switching without page reload\n\nThe web UI now provides a complete, professional dark mode experience\nwith excellent usability and visual consistency while preserving all\nexisting functionality and accessibility standards.\n\nCo-Authored-By: sketch \u003chello@sketch.dev\u003e\nChange-ID: s8219557c3ecba46dk\n",
  "tree_diff": [
    {
      "type": "modify",
      "old_id": "82bd65b5f41a9a254f2b634a9ae71bc9d2331c26",
      "old_mode": 33188,
      "old_path": "webui/DARK_MODE.md",
      "new_id": "a937f6f5a9f9aa50e32161e8070544e0ba89f159",
      "new_mode": 33188,
      "new_path": "webui/DARK_MODE.md"
    },
    {
      "type": "modify",
      "old_id": "8e777eb47a8070a02980a9ec479681ced6b48234",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-app-shell-base.ts",
      "new_id": "4b88f89c4034dadecf296324b3312bfc7c2262aa",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-app-shell-base.ts"
    },
    {
      "type": "modify",
      "old_id": "9d0f2f6656316c68954455db90a448952504c049",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-app-shell.ts",
      "new_id": "facbba2656d1d06f6a8cbd826f446afc75c72e5d",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-app-shell.ts"
    },
    {
      "type": "modify",
      "old_id": "d9e14b1efab87e71f34dd850ac1b3d913213adc6",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-call-status.ts",
      "new_id": "dbc5d57197a2e26ea845fda5a2d7c09d7c32a902",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-call-status.ts"
    },
    {
      "type": "modify",
      "old_id": "6ccdb3238b70be08bd6fea4574c4d1eea1620727",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-chat-input.ts",
      "new_id": "ae6ec866ac71a95140480a77d0369ce9db57524d",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-chat-input.ts"
    },
    {
      "type": "modify",
      "old_id": "bd9524b3690a3f0a958ffc1ae6e0130644be0d9e",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-container-status.ts",
      "new_id": "b7b060274fc3a7fa9476d7e8998c90215488ed50",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-container-status.ts"
    },
    {
      "type": "modify",
      "old_id": "5c51de4daaf6f6aefb673e94e92605e60e4ca162",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-diff-range-picker.ts",
      "new_id": "0e20636ca521c890ee84ed5c606b18b402765894",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-diff-range-picker.ts"
    },
    {
      "type": "modify",
      "old_id": "c6e2ad7174c079383d6ab0c7c62729b04a13b9ae",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-push-button.ts",
      "new_id": "e13049b14a3dda1f183097986b389eaf5f5b6d01",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-push-button.ts"
    },
    {
      "type": "modify",
      "old_id": "a45ed5c656b8363bf8eafb3d17d44dcc0e9721ae",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-timeline-message.ts",
      "new_id": "7ea378d7b45cd410f3ad75feb9ff6b3cb8a424e3",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-timeline-message.ts"
    },
    {
      "type": "modify",
      "old_id": "e76de46ead156ae559e507ecb5ea2d60b1f38d1a",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-todo-panel.ts",
      "new_id": "c752b5a40867b539057cbcd870b8fa2c86729e6f",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-todo-panel.ts"
    },
    {
      "type": "modify",
      "old_id": "0264f87d790752c26b9bf8eea40d900fb365c301",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-view-mode-select.ts",
      "new_id": "8498f55ae65bf239759a8220f391758ed08b24a6",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-view-mode-select.ts"
    }
  ]
}
