\n Hello Hono\n

{count}

\n \n

\n I change color: {color} (colors[{count % colors.length}])\n

\n \n );\n}","deleted","label","children",[],[155],{"_102":175,"_95":176,"_156":177,"_158":-5,"_159":138,"_160":178,"_161":162,"_104":179,"_99":180,"_165":181,"_167":182,"_169":22,"_170":-5,"_171":183,"_98":184},"696f739e-42ea-11f0-a605-76b3cceeab13","README.md","d7c5ce17-6fe4-4960-a839-f51ee1e78e0f",66,["D",1749223500708],5,"file","# Hono Client CSS Starter\n\nMinimal Hono Client/CSS starter example\n\n[View demo][demo]\n\n## How it works\n\nThe `main.tsx` file is a Hono app that renders a page styled with `hono/css`. \nIt includes global styles as well as styles for the heading with a hover state.\n\n\n[View more starters][how-to]\n\n[demo]: https://jxnblk--36b8c6fddb244265b68633186b604e2c.web.val.run\n[how-to]: https://val.town/x/jxnblk/how-to",[],[176],{"_102":186,"_95":187,"_156":188,"_158":-5,"_159":138,"_160":189,"_161":162,"_104":190,"_99":191,"_165":166,"_167":192,"_169":22,"_170":-5,"_171":193,"_98":194},"0b78c5bc-42e8-11f0-8981-76b3cceeab13","client.tsx","4cfc24e6-42e5-11f0-8a16-76b3cceeab13",46,["D",1749222484071],7,"/** @jsxImportSource https://esm.sh/hono@4.7/jsx */\nimport { render } from \"https://esm.sh/hono@4.7/jsx/dom\";\nimport { App } from \"./App.tsx\";\n\nconst root = document.getElementById(\"app\");\nrender(, root);",[],[187],{"_102":196,"_95":197,"_156":198,"_158":-5,"_159":138,"_160":199,"_161":162,"_104":200,"_99":201,"_165":202,"_167":203,"_169":22,"_170":-5,"_171":204,"_98":205},"face0b94-42e9-11f0-a06a-76b3cceeab13","main.tsx","36b8c6fd-db24-4265-b686-33186b604e2c",63,["D",1749223315098],13,"http","/** @jsxImportSource https://esm.sh/hono@4.7/jsx */\nimport { Hono } from \"https://esm.sh/hono@4.7\";\nimport { css, Style } from \"https://esm.sh/hono@4.7/css\";\nimport { App } from \"./App.tsx\";\n\nconst app = new Hono();\n\nconst MODULE_URL = import.meta.resolve(\"./client.tsx\");\n\nconst styles = {\n global: css`\n :-hono-global {\n * { box-sizing: border-box }\n body {\n margin: 0;\n line-height: 1.5;\n font-family: system-ui, sans-serif;\n padding: 32px;\n }\n }\n `,\n}\n\napp.get(\"/\", async (c) => {\n return c.html(\n \n \n Hono CSS Starter\n