@invisibleloop/pulse 0.20.6 → 0.20.8

package/docs/src/pages/components/slider.js

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/slider')
 export default {
   route: '/components/slider',
   meta: {
+    theme:       'light',
     title: 'Slider — Pulse Docs',
     description: 'Styled range input slider component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   state: { brightness: 100 },
   mutations: {

package/docs/src/pages/components/spinner.js

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/spinner')
 export default {
   route: '/components/spinner',
   meta: {
+    theme:       'light',
     title: 'Spinner — Pulse Docs',
     description: 'Loading spinner component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/spinner',

package/docs/src/pages/components/stack.js

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/stack')
 export default {
   route: '/components/stack',
   meta: {
+    theme:       'light',
     title: 'Stack — Pulse Docs',
     description: 'Stack component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/stack',

package/docs/src/pages/components/stat.js

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/stat')
 export default {
   route: '/components/stat',
   meta: {
+    theme:       'light',
     title: 'Stat — Pulse Docs',
     description: 'Stat component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/stat',

package/docs/src/pages/components/stepper.js

@@ -10,9 +10,10 @@ const STEPS = ['Account', 'Details', 'Payment', 'Review']
 export default {
   route: '/components/stepper',
   meta: {
+    theme:       'light',
     title: 'Stepper — Pulse Docs',
     description: 'Horizontal step progress indicator component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/stepper',

package/docs/src/pages/components/table.js

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/table')
 export default {
   route: '/components/table',
   meta: {
+    theme:       'light',
     title: 'Table — Pulse Docs',
     description: 'Table component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/table',

package/docs/src/pages/components/textarea.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/components/textarea')
 export default {
   route: '/components/textarea',
   meta: {
+    theme:       'light',
     title: 'Textarea — Pulse Docs',
     description: 'Textarea component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/textarea',

package/docs/src/pages/components/toggle.js

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/toggle')
 export default {
   route: '/components/toggle',
   meta: {
+    theme:       'light',
     title: 'Toggle — Pulse Docs',
     description: 'iOS-style switch toggle component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/toggle',

package/docs/src/pages/components/tooltip.js

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/tooltip')
 export default {
   route: '/components/tooltip',
   meta: {
+    theme:       'light',
     title: 'Tooltip — Pulse Docs',
     description: 'Tooltip component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/tooltip',

package/docs/src/pages/components.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/components')
 export default {
   route: '/components',
   meta: {
+    theme:       'light',
     title: 'Component Library — Pulse Docs',
     description: 'Server-rendered UI components for Pulse — button, card, input, alert, stat, avatar, table and more. Fully accessible, mobile-ready, zero client JS.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/components',

package/docs/src/pages/config.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/config')
 export default {
   route: '/config',
   meta: {
+    theme:       'light',
     title: 'Configuration — Pulse Docs',
     description: 'Full reference for pulse.config.js — port, Lighthouse thresholds, load test config, environments, and per-route overrides.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/config',

package/docs/src/pages/constraints.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/constraints')
 export default {
   route: '/constraints',
   meta: {
+    theme:       'light',
     title: 'Constraints — Pulse Docs',
     description: 'Automatic min/max bounds on state values, enforced after every mutation.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   state: {},
   view: () => renderLayout({

package/docs/src/pages/deploy.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/deploy')
 export default {
   route: '/deploy',
   meta: {
+    theme:       'light',
     title: 'Deployment — Pulse Docs',
     description: 'Deploy a Pulse app to a VPS, Docker, Fly.io, Railway, or Render.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/deploy',

package/docs/src/pages/error-pages.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/error-pages')
 export default {
   route: '/error-pages',
   meta: {
+    theme:       'light',
     title: 'Error Pages — Pulse Docs',
     description: 'Custom 404 pages in Pulse. A spec with route "*" renders through the normal pipeline with status 404 whenever no route matches.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/error-pages',

package/docs/src/pages/extending.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/extending')
 export default {
   route: '/extending',
   meta: {
+    theme:       'light',
     title: 'Extending Pulse — Pulse Docs',
     description: 'Escape hatches for features outside the Pulse spec — onRequest middleware, raw server access, WebSockets, SSE, and custom error handling.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/extending',

package/docs/src/pages/faq.js

@@ -17,9 +17,10 @@ function q(question, answer) {
 export default {
   route: '/faq',
   meta: {
+    theme:       'light',
     title:       'FAQ — Pulse Docs',
     description: 'Frequently asked questions about the Pulse framework.',
-    styles:      ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/faq',

package/docs/src/pages/forms.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/forms')
 export default {
   route: '/forms',
   meta: {
+    theme:       'light',
     title: 'Forms — Pulse Docs',
     description: 'Server-side form handling in Pulse. spec.submit processes POST requests without client JavaScript, with automatic CSRF protection and POST-redirect-GET.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/forms',

package/docs/src/pages/getting-started.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/getting-started')
 export default {
   route: '/getting-started',
   meta: {
+    theme:       'light',
     title: 'Getting Started — Pulse Docs',
     description: 'Install Pulse and build your first page with an AI agent in minutes.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/getting-started',

package/docs/src/pages/guard.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/guard')
 export default {
   route: '/guard',
   meta: {
+    theme:       'light',
     title: 'Guard — Pulse Docs',
     description: 'Per-route authorization in Pulse. Guard functions run before server data fetchers and redirect unauthorized requests.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/guard',

package/docs/src/pages/home.js

@@ -1,4 +1,4 @@
-// component-free — creative override: brutalist design intent; asymmetric typography-driven layout with exposed grid structure, raw borders, and oversized type that component patterns cannot express
+// component-free — creative override: asymmetric typography-driven layout (wide headline column + narrower supporting column), a solid gold mark treatment on "page.", and a light/dark section rhythm that component patterns cannot express
 import { highlight }                                        from '../lib/highlight.js'
 import { iconZap, iconShield, iconSettings }               from '../../../src/ui/icons.js'
 import { metricsStore }  from '../lib/metrics-store.js'
@@ -55,6 +55,7 @@ export default {
   meta: {
     title: 'Pulse — The spec-first web framework',
     description: 'Pulse is a server-first Node.js framework with zero runtime dependencies. One spec object per page: server data, state, mutations, and view in plain JS. Streaming SSR, security headers, and production caching are enforced by the architecture.',
+    theme: 'light',
     styles: ['https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap', '/pulse-ui.css', '/theme.css', '/docs.css', '/home-brut.css'],
     schema: {
       '@context': 'https://schema.org',
@@ -79,7 +80,7 @@ export default {
       <nav class="brut-nav" aria-label="Site navigation">
         <a href="/" class="brut-nav-logo" aria-label="Pulse home">
           <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-            <path d="M13 2L4.5 13.5H11L10 22L19.5 10.5H13L13 2Z" fill="#f0e642" stroke="#f0e642" stroke-width="1" stroke-linejoin="round"/>
+            <path d="M13 2L4.5 13.5H11L10 22L19.5 10.5H13L13 2Z" fill="currentColor" stroke="currentColor" stroke-width="1" stroke-linejoin="round"/>
           </svg>
           <span>PULSE</span>
         </a>
@@ -96,20 +97,13 @@ export default {
           <div class="brut-hero-tag">v${version} — EARLY ACCESS</div>
           <h1 class="brut-hero-h1">
             <span class="brut-hero-kicker">with Pulse</span>
-            <span class="brut-hero-line1">YOU CAN'T</span>
-            <span class="brut-hero-line2" role="img" aria-label="SHIP">
-              <svg class="brut-hero-svg" aria-hidden="true">
-                <text class="brut-hero-svg-text" y="0.82em" dominant-baseline="auto"
-                  font-family="Inter, system-ui, sans-serif" font-weight="900"
-                  fill="var(--brut-yellow)" stroke="var(--brut-ink)" stroke-width="0.055em" paint-order="stroke fill">SHIP</text>
-              </svg>
-            </span>
-            <span class="brut-hero-line3">A BAD PAGE.</span>
+            <span class="brut-hero-line1">The spec is</span>
+            <span class="brut-hero-line2">the <span class="brut-hero-mark">page.</span></span>
           </h1>
           <div class="brut-hero-aside">
             <p class="brut-hero-tag-inline">ONE SPEC. ONE WAY TO BUILD.</p>
-            <p class="brut-hero-desc">A server-first Node.js framework. Streaming SSR, security headers, and production caching are enforced by the architecture, not left to configuration.</p>
-            <p class="brut-hero-sub"><strong>So constrained that doing it wrong isn't an option. Whether you write it or an AI does.</strong></p>
+            <p class="brut-hero-desc">One plain JS object — server data, state, mutations, and view. No split files, no hidden conventions.</p>
+            <p class="brut-hero-sub"><strong>So constrained that doing it wrong isn't an option.<br>Whether you write it or an AI&nbsp;does.</strong></p>
             <div class="brut-hero-ctas">
               <a href="/getting-started" class="brut-btn-primary">Get Started</a>
               <a href="/spec" class="brut-btn-ghost">Read the Spec</a>
@@ -207,7 +201,7 @@ export default {
                   <th></th>
                   <th class="brut-th-pulse">
                     <svg width="12" height="12" viewBox="0 0 24 24" fill="none" aria-hidden="true" style="vertical-align:middle;margin-right:.3rem">
-                      <path d="M13 2L4.5 13.5H11L10 22L19.5 10.5H13L13 2Z" fill="#f0e642" stroke="#f0e642" stroke-width="1" stroke-linejoin="round"/>
+                      <path d="M13 2L4.5 13.5H11L10 22L19.5 10.5H13L13 2Z" fill="currentColor" stroke="currentColor" stroke-width="1" stroke-linejoin="round"/>
                     </svg>PULSE
                   </th>
                   <th>Next.js / Remix</th>

package/docs/src/pages/how-it-works.js

@@ -72,9 +72,10 @@ const agentFlow = `<ol class="hiw-flow">${[
 export default {
   route: '/how-it-works',
   meta: {
+    theme:       'light',
     title: 'How It Works — Pulse Docs',
     description: 'How the Pulse MCP server gives an AI agent the knowledge and tools to build Pulse apps correctly.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/how-it-works',

package/docs/src/pages/hydration.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/hydration')
 export default {
   route: '/hydration',
   meta: {
+    theme:       'light',
     title: 'Hydration — Pulse Docs',
     description: 'How Pulse hydrates server-rendered HTML on the client — automatic hydration, mount(), and production bundles.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   state: {},
   view: () => renderLayout({

package/docs/src/pages/images.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/images')
 export default {
   route: '/images',
   meta: {
+    theme:       'light',
     title: 'Images — Pulse Docs',
     description: 'The img() and picture() helpers for optimised, CLS-free image markup.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/images',

package/docs/src/pages/markdown.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/markdown')
 export default {
   route: '/markdown',
   meta: {
+    theme:       'light',
     title: 'Markdown — Pulse Docs',
     description: 'Render markdown files as pages with syntax-highlighted code blocks, frontmatter, and the prose component.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/markdown',

package/docs/src/pages/meta.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/meta')
 export default {
   route: '/meta',
   meta: {
+    theme:       'light',
     title: 'Metadata & SEO — Pulse Docs',
     description: 'How to configure page metadata, Open Graph tags, and structured data in Pulse.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/meta',

package/docs/src/pages/mutations.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/mutations')
 export default {
   route: '/mutations',
   meta: {
+    theme:       'light',
     title: 'Mutations — Pulse Docs',
     description: 'Synchronous state changes in Pulse — how to declare and trigger mutations.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   state: {},
   view: () => renderLayout({

package/docs/src/pages/navigation.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/navigation')
 export default {
   route: '/navigation',
   meta: {
+    theme:       'light',
     title: 'Navigation — Pulse Docs',
     description: 'Client-side navigation in Pulse — how link interception, JSON responses, and spec re-mounting work.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/navigation',

package/docs/src/pages/performance.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/performance')
 export default {
   route: '/performance',
   meta: {
+    theme:       'light',
     title: 'Performance — Pulse Docs',
     description: 'Performance targets, techniques, and built-in optimisations in Pulse.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/performance',

package/docs/src/pages/persist.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/persist')
 export default {
   route: '/persist',
   meta: {
+    theme:       'light',
     title: 'Persist — Pulse Docs',
     description: 'Persist client state across page refreshes using localStorage.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   state: {},
   view: () => renderLayout({

package/docs/src/pages/project-structure.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/project-structure')
 export default {
   route: '/project-structure',
   meta: {
+    theme:       'light',
     title: 'Project Structure — Pulse Docs',
     description: 'Recommended directory layout for a Pulse application.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/project-structure',

package/docs/src/pages/prompt-examples.js

@@ -25,9 +25,10 @@ function promptGroup(title, cards) {
 export default {
   route: '/prompt-examples',
   meta: {
+    theme:       'light',
     title: 'Prompt Examples — Pulse Docs',
     description: 'Real prompts for building Pulse pages with your AI agent — from creating pages to authentication, performance audits, and integrations.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/prompt-examples',

package/docs/src/pages/raw-responses.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/raw-responses')
 export default {
   route: '/raw-responses',
   meta: {
+    theme:       'light',
     title: 'Raw Responses — Pulse Docs',
     description: 'Return non-HTML responses from Pulse specs — RSS, XML, JSON, and other content types.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/raw-responses',

package/docs/src/pages/routing.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/routing')
 export default {
   route: '/routing',
   meta: {
+    theme:       'light',
     title: 'Routing — Pulse Docs',
     description: 'How Pulse routes requests to page specs — static and dynamic routes, params, and conventions.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/routing',

package/docs/src/pages/server-api.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/server-api')
 export default {
   route: '/server-api',
   meta: {
+    theme:       'light',
     title: 'Server API — Pulse Docs',
     description: 'Complete reference for createServer — all options, hooks, and response behaviour.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/server-api',

package/docs/src/pages/server-data.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/server-data')
 export default {
   route: '/server-data',
   meta: {
+    theme:       'light',
     title: 'Server Data — Pulse Docs',
     description: 'Fetch, transform, and combine data on the server before rendering — external APIs, multiple fetchers, parallel requests.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/server-data',

package/docs/src/pages/slash-commands.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/slash-commands')
 export default {
   route: '/slash-commands',
   meta: {
+    theme:       'light',
     title: 'Slash Commands — Pulse Docs',
     description: 'The built-in slash commands available in the Pulse AI agent session.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/slash-commands',

package/docs/src/pages/spec.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/spec')
 export default {
   route: '/spec',
   meta: {
+    theme:       'light',
     title: 'Spec Reference — Pulse Docs',
     description: 'Complete reference for every field in a Pulse page spec.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   state: {},
   view: () => renderLayout({

package/docs/src/pages/state.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/state')
 export default {
   route: '/state',
   meta: {
+    theme:       'light',
     title: 'State — Pulse Docs',
     description: 'How client state is declared, initialised, and used in Pulse.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   state: {},
   view: () => renderLayout({

package/docs/src/pages/store.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/store')
 export default {
   route: '/store',
   meta: {
+    theme:       'light',
     title: 'Global Store — Pulse Docs',
     description: 'Share server-fetched data across pages with a global store in Pulse.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   state: {},
   view: () => renderLayout({

package/docs/src/pages/streaming.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/streaming')
 export default {
   route: '/streaming',
   meta: {
+    theme:       'light',
     title: 'Streaming SSR — Pulse Docs',
     description: 'How streaming server-side rendering works in Pulse — shell, deferred segments, and when to use it.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/streaming',

package/docs/src/pages/stripe.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/stripe')
 export default {
   route: '/stripe',
   meta: {
+    theme:       'light',
     title: 'Payments (Stripe) — Pulse Docs',
     description: 'Integrating Stripe Checkout and webhooks with Pulse using actions, raw response specs, and server data fetchers.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   state: {},
   view: () => renderLayout({

package/docs/src/pages/supabase.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/supabase')
 export default {
   route: '/supabase',
   meta: {
+    theme:       'light',
     title: 'Supabase — Pulse Docs',
     description: 'Integrate Supabase database queries, authentication, and file storage with Pulse server fetchers, actions, and guard.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   state: {},
   view: () => renderLayout({

package/docs/src/pages/templates.js

@@ -517,8 +517,8 @@ export default {
   meta: {
     title:       'Templates — Pulse',
     description: 'Production-ready Pulse templates. Every template uses only Pulse UI components and ships with 100/100/100 Lighthouse scores.',
-    theme:       'dark',
-    styles:      ['/pulse-ui.css', '/docs.css'],
+    theme:       'light',
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
 
   view: () => {

package/docs/src/pages/testing.js

@@ -7,9 +7,10 @@ const { prev, next } = prevNext('/testing')
 export default {
   route: '/testing',
   meta: {
+    theme:       'light',
     title: 'Testing — Pulse Docs',
     description: 'Test Pulse view functions with renderSync and render — query the HTML output with CSS-like selectors, no DOM required.',
-    styles: ['/docs.css'],
+    styles: ['/theme.css', '/docs.css'],
   },
   view: () => renderLayout({
     currentHref: '/testing',