)]}'
{
  "commit": "1ee0bc6c8f6ee7a6d0b26189815879f7455069c6",
  "tree": "9779a6c73738efb9375887d2dcd6de84a3ddcbc6",
  "parents": [
    "d37f7a73a0b77329d4701edee3d6d9a6b79d4e47"
  ],
  "author": {
    "name": "banksean",
    "email": "banksean@gmail.com",
    "time": "Tue Jul 22 23:24:18 2025 +0000"
  },
  "committer": {
    "name": "Autoformatter",
    "email": "bot@sketch.dev",
    "time": "Tue Jul 22 23:31:38 2025 +0000"
  },
  "message": "webui: add dark mode support to demo server\n\nCore Component Dark Mode Support:\n- sketch-timeline.ts: Welcome box, loading indicators, thinking bubbles, navigation\n- sketch-tool-card-base.ts: Status icons, elapsed time, hover states, details panel\n- All 14 sketch-tool-card-* components: Consistent dark styling for tool results\n\nDemo System Infrastructure:\n- Enhanced demo runner (demo.html) with complete dark theme CSS variables\n- Added sketch-theme-toggle integration in sidebar for easy theme switching\n- Extended demo-fixtures utilities with semantic color system (8 new CSS variables)\n- Comprehensive color mappings: backgrounds, text, borders, controls, buttons\n\nDemo File Compatibility (13 files updated):\n- Fixed 60+ instances of hardcoded colors across all demo components\n- Replaced light-mode-only colors (#24292f, #f6f8fa, etc.) with CSS variables\n- Updated text colors, backgrounds, borders for proper contrast in both themes\n- Maintained visual hierarchy while ensuring accessibility\n\nTechnical Implementation:\n- CSS custom properties system with automatic :root/.dark theme switching\n- GitHub-inspired dark color palette for professional appearance\n- Smooth 0.2s transitions for seamless theme changes\n- Semantic variable naming for maintainability and consistency\n\nKey Features Added:\n- Theme toggle accessible from any demo (no need to navigate to Theme Toggle demo)\n- Complete visual consistency between light and dark modes\n- Proper contrast ratios throughout for accessibility\n- Tool card demos showcase dark mode styling with realistic content\n\nComponents Updated:\nTimeline: Welcome messages, loading states, thinking indicators, jump button\nTool Cards: Status icons, input/output display, hover states, detailed views\nDemos: Labels, backgrounds, instruction panels, control elements, text content\n\nThe demo system now provides a complete, professional dark mode experience\nthat matches modern development tool standards with excellent usability\nand visual consistency across all components and demonstrations.\n\nCo-Authored-By: sketch \u003chello@sketch.dev\u003e\nChange-ID: s97589e2fe2fdeeb3k\n",
  "tree_diff": [
    {
      "type": "modify",
      "old_id": "0bfcc9d73b094ed34fc555370e5080f8d7e166ed",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/demo-fixtures/index.ts",
      "new_id": "87b0b87eba48c0577214eff54ed13b0748f8b28f",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/demo-fixtures/index.ts"
    },
    {
      "type": "modify",
      "old_id": "fe12f1849ac20c5d8c10620e8035ce5434479de6",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/demo.html",
      "new_id": "a239142517758821e9085149799e62c8d8bc4f2f",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/demo.html"
    },
    {
      "type": "modify",
      "old_id": "f01b19014ca8f1a8f77764836c007f4f37d86031",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-call-status.demo.ts",
      "new_id": "f3a5ff24e856162c149ead2102173eea943012b6",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-call-status.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "ac5f756746cfefc9ba3555be5c2215f7bc25838a",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-chat-input.demo.ts",
      "new_id": "b33fd499c50f27e46213228d7ed13db61c181f37",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-chat-input.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "da0e435676bc146ddc6214eae39f3ac36f239225",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-container-status.demo.ts",
      "new_id": "0b49f218f1eff522c3231a1ac6fbf7426381553f",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-container-status.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "cf05379be7420ae5f7337cd3f7d021b3217c06f4",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-diff-range-picker.demo.ts",
      "new_id": "48337157bdf50fe7cbc7b7ee958cb5016980f4bc",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-diff-range-picker.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "6a7cda8c98ea48e688c480d9347578f6f346aac7",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-diff2-view.demo.ts",
      "new_id": "3b4b05d581a74c50708176eb2da3b4ec8f82e1d2",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-diff2-view.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "b15865aba5624df47dac18b7e3b9fbc814b0328e",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-monaco-view.demo.ts",
      "new_id": "04b99426a74f5b314eafdfb1de0a83994d243d94",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-monaco-view.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "fef3d9fe9119481119b310394ecc7f69620d4bde",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-timeline-message.demo.ts",
      "new_id": "6439e512bc1ac6745ef012fcacf03213664ff564",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-timeline-message.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "cc4b519a53f55752a2091598ab81f0a929f6dbae",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-timeline-viewport.demo.ts",
      "new_id": "e8d4a8fafe897ab66ac3ae254a0bcee712704023",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-timeline-viewport.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "845967b4c1ec878191339029c69888566a21345e",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-timeline.demo.ts",
      "new_id": "f41eeaa620b3532cd44a20d4df78bdc63f4b8e82",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-timeline.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "80eda2684aa5eb46c90d2ffe4480eed303507ac7",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-tool-calls.demo.ts",
      "new_id": "9bfabe422d62ed847de9b496d6bb6f9f37493635",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-tool-calls.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "413c83b46fccef5d061eeff8f496f99a5822c0cf",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-tool-card.demo.ts",
      "new_id": "6b499f196f69a5227829783ce9c1599f19cf7cff",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-tool-card.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "523f37131c6869ead0577a4c055f2b801868fd3d",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/sketch-view-mode-select.demo.ts",
      "new_id": "befdc581b5af3790aad226775a56c9b976aeb070",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/sketch-view-mode-select.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "d0cd43802fd967f39b9948b566196ee249780f68",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/demo/status-indicators.demo.ts",
      "new_id": "20c8a17feb6c5ccb338784c63c7bfbd70e8bcaa6",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/demo/status-indicators.demo.ts"
    },
    {
      "type": "modify",
      "old_id": "d6928c7e0d313617934c906dbfb95e2fc89eefe9",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-timeline.ts",
      "new_id": "926c0d29cf57bb001ac031938813a60a6dbfe122",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-timeline.ts"
    },
    {
      "type": "modify",
      "old_id": "acd9a784ad77c7c1152c6a419370cf1b1cc166b9",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-about-sketch.ts",
      "new_id": "2327caae7b0e42b17b8a4541f6be0558d394d82e",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-about-sketch.ts"
    },
    {
      "type": "modify",
      "old_id": "1bfdbe175de7cf320e6fa06b3ec48643ecc47e03",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-base.ts",
      "new_id": "8dcc88778f3d92323ffa5147c0802735f3e88e6b",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-base.ts"
    },
    {
      "type": "modify",
      "old_id": "a924b526619974a69ad31cb3d34ba808ca876acc",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-browser-clear-console-logs.ts",
      "new_id": "a861a073add8b17aed14c99924bf4f55c3e1daea",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-browser-clear-console-logs.ts"
    },
    {
      "type": "modify",
      "old_id": "928dd2849bb15d7558f8036b93b3f0d780283dba",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-browser-click.ts",
      "new_id": "ea1a0c48fc25a1c33a8b80acfa9d676ffca4b1a7",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-browser-click.ts"
    },
    {
      "type": "modify",
      "old_id": "4030b02b747d38e80c6466478355af5814128148",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-browser-eval.ts",
      "new_id": "935b5e2024bcf0216decf7eb84072786fb988346",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-browser-eval.ts"
    },
    {
      "type": "modify",
      "old_id": "8b5df2f3c707f120d44c63b06c288291f6407d22",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-browser-get-text.ts",
      "new_id": "8fa9aec678ec1c4146f68f3aa0a23d5acc7cb0fa",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-browser-get-text.ts"
    },
    {
      "type": "modify",
      "old_id": "730274eaa8f2e76debd6037c6cea176fccb31186",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-browser-navigate.ts",
      "new_id": "295a895c11068ad84c2c349ebb1ca93304b07317",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-browser-navigate.ts"
    },
    {
      "type": "modify",
      "old_id": "dee496edca452b17ff7f3179b419ce347a54e69e",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-browser-recent-console-logs.ts",
      "new_id": "4d9f17ad892992a3544a5219fe0b4b47f309ac50",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-browser-recent-console-logs.ts"
    },
    {
      "type": "modify",
      "old_id": "ebbc5e307e1a6e284f21869f44f2195166c4d461",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-browser-resize.ts",
      "new_id": "f76f79246cf9d2047ddf99e1ebf863d7f8305c00",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-browser-resize.ts"
    },
    {
      "type": "modify",
      "old_id": "2bafcd224446cb0bf145df2ad036cc11355e5248",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-browser-scroll-into-view.ts",
      "new_id": "4d01af16c3d6beb0f02a66a98521f8d07c581703",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-browser-scroll-into-view.ts"
    },
    {
      "type": "modify",
      "old_id": "cb947e956b138c164d51470aa9630d503363cd77",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-browser-type.ts",
      "new_id": "5f374078e07adf495bbc115d3a25a4d3c322505e",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-browser-type.ts"
    },
    {
      "type": "modify",
      "old_id": "f35daf61c04f54cc91409c3627c28cf19ea79da3",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-browser-wait-for.ts",
      "new_id": "fb651f036a7060de80019dbd662449db154d361a",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-browser-wait-for.ts"
    },
    {
      "type": "modify",
      "old_id": "e0e92864bda9d40cf1f18fd344a04a29883535d1",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-read-image.ts",
      "new_id": "3afd9732a9aa333ad7956da701b249acf3d4079f",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-read-image.ts"
    },
    {
      "type": "modify",
      "old_id": "8e03b94466fc7a53a6e4b8e49405210997254047",
      "old_mode": 33188,
      "old_path": "webui/src/web-components/sketch-tool-card-take-screenshot.ts",
      "new_id": "4b0215b3db7fb7f6686bed9357c2e8039e18c10d",
      "new_mode": 33188,
      "new_path": "webui/src/web-components/sketch-tool-card-take-screenshot.ts"
    }
  ]
}