\n Hello Hono\n

{count}

\n \n

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

\n \n );\n}","deleted","label","children",[],[156],{"_103":176,"_95":99,"_157":177,"_159":-5,"_160":139,"_161":178,"_162":163,"_105":179,"_100":180,"_166":181,"_168":182,"_170":22,"_171":-5,"_172":183,"_98":184},"696f739e-42ea-11f0-a605-76b3cceeab13","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",[],[99],{"_103":186,"_95":187,"_157":188,"_159":-5,"_160":139,"_161":189,"_162":163,"_105":190,"_100":191,"_166":167,"_168":192,"_170":22,"_171":-5,"_172":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],{"_103":196,"_95":197,"_157":198,"_159":-5,"_160":139,"_161":199,"_162":163,"_105":200,"_100":201,"_166":202,"_168":203,"_170":22,"_171":-5,"_172":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

History for README.md