@invisibleloop/pulse 0.20.5 → 0.20.7

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

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

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

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/fieldset')
 export default {
   route: '/components/fieldset',
   meta: {
+    theme:       'light',
     title: 'Fieldset — Pulse Docs',
     description: 'Semantic grouping of related form fields with an accessible legend.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/fieldset',

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

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/file-upload')
 export default {
   route: '/components/file-upload',
   meta: {
+    theme:       'light',
     title: 'File Upload — Pulse Docs',
     description: 'Drag-and-drop file upload zone component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   state: { fileName: '', fileSize: '' },
   mutations: {

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

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/footer')
 export default {
   route: '/components/footer',
   meta: {
+    theme:       'light',
     title: 'Footer — Pulse Docs',
     description: 'Accessible site footer with logo slot, navigation links, and legal text.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/footer',

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

@@ -1,7 +1,7 @@
 import { renderComponentPage, demo } from '../../lib/component-page.js'
 import { prevNext } from '../../lib/nav.js'
 import { table } from '../../lib/layout.js'
-import { grid, card, stat, feature, testimonial } from '../../../../src/ui/index.js'
+import { grid, card, stat, feature } from '../../../../src/ui/index.js'
 
 const { prev, next } = prevNext('/components/grid')
 
@@ -12,9 +12,10 @@ const item = (label) =>
 export default {
   route: '/components/grid',
   meta: {
+    theme:       'light',
     title: 'Grid — Pulse Docs',
     description: 'Grid component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/grid',
@@ -96,18 +97,22 @@ export default {
       )}
 
       <h3 class="doc-h3">Testimonial grid</h3>
+      <p>There is no dedicated <code>testimonial</code> component — build one with <code>card()</code>: the quote in <code>content</code>, the name and role in <code>footer</code>.</p>
       ${demo(
         grid({
           cols: 3,
           content: [
-            testimonial({ quote: 'Shipped our redesign in a weekend. No boilerplate, no config hell.', name: 'Alex Morgan',   role: 'CTO at Launchpad', rating: 5 }),
-            testimonial({ quote: 'The streaming SSR makes our pages feel instant. Lighthouse is happy.', name: 'Sara Kim',    role: 'Lead Engineer, Orbit', rating: 5 }),
-            testimonial({ quote: 'Finally a UI kit that doesn\'t fight the platform. Just HTML.', name: 'Dan Okafor', role: 'Founder, Stackly', rating: 5 }),
+            card({ content: `<p style="color:var(--muted);margin:0">&ldquo;Shipped our redesign in a weekend. No boilerplate, no config hell.&rdquo;</p>`, footer: `<strong>Alex Morgan</strong><br><span style="color:var(--muted)">CTO at Launchpad</span>` }),
+            card({ content: `<p style="color:var(--muted);margin:0">&ldquo;The streaming SSR makes our pages feel instant. Lighthouse is happy.&rdquo;</p>`, footer: `<strong>Sara Kim</strong><br><span style="color:var(--muted)">Lead Engineer, Orbit</span>` }),
+            card({ content: `<p style="color:var(--muted);margin:0">&ldquo;Finally a UI kit that doesn\'t fight the platform. Just HTML.&rdquo;</p>`, footer: `<strong>Dan Okafor</strong><br><span style="color:var(--muted)">Founder, Stackly</span>` }),
           ].join(''),
         }),
         `grid({
   cols: 3,
-  content: testimonials.map(t => testimonial(t)).join(''),
+  content: testimonials.map(t => card({
+    content: \`<p>\${t.quote}</p>\`,
+    footer:  \`<strong>\${t.name}</strong><br>\${t.role}\`,
+  })).join(''),
 })`
       )}
 

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

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

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

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

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

@@ -382,9 +382,10 @@ feature({ icon: iconCode({   size: 22, bg: 'square', bgColor: 'muted'   }), titl
 export default {
   route: '/components/icons',
   meta: {
+    theme:       'light',
     title: 'Icons — Pulse Docs',
     description: 'Built-in icon set for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
 
   // Shell: all visible content (nav, examples, icon grid) — sends immediately.

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

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/image')
 export default {
   route: '/components/image',
   meta: {
+    theme:       'light',
     title: 'Image — Pulse Docs',
     description: 'Responsive image component with optional aspect-ratio crop and caption for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/image',

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

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

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

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

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

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

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

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

package/docs/src/pages/components/phone-frame.js

@@ -28,9 +28,10 @@ const sampleScreen = `
 export default {
   route: '/components/phone-frame',
   meta: {
+    theme:       'light',
     title: 'Phone Frame — Pulse Docs',
     description: 'Phone Frame component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   state: {},
   view: () => renderComponentPage({

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

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

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

@@ -21,9 +21,10 @@ const SAMPLE_HTML = `<h2>Why great coffee starts with water</h2>
 export default {
   route: '/components/prose',
   meta: {
+    theme:       'light',
     title: 'Prose — Pulse Docs',
     description: 'Typography wrapper for CMS output and rich text content in Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/prose',

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

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

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

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

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

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

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

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/search')
 export default {
   route: '/components/search',
   meta: {
+    theme:       'light',
     title: 'Search — Pulse Docs',
     description: 'Search input component with icon, debounce binding, and clear button.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/search',

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

@@ -8,9 +8,10 @@ const { prev, next } = prevNext('/components/section')
 export default {
   route: '/components/section',
   meta: {
+    theme:       'light',
     title: 'Section — Pulse Docs',
     description: 'Vertical padding wrapper with optional background. Compose with container() for full-width background with constrained content.',
-    styles: ['/pulse-ui.css', '/docs.css'],
+    styles: ['/pulse-ui.css', '/theme.css', '/docs.css'],
   },
   view: () => renderComponentPage({
     currentHref: '/components/section',

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

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

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

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

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',
@@ -94,8 +95,6 @@ export default {
           ['<a href="/components/hero">hero</a>',             'Full-width hero section with eyebrow, title, and actions.'],
           ['<a href="/components/app-badge">appBadge</a>',    'App Store / Google Play download badge.'],
           ['<a href="/components/feature">feature</a>',       'Icon + title + description block for feature grids.'],
-          ['<a href="/components/testimonial">testimonial</a>', 'Customer quote with avatar and star rating.'],
-          ['<a href="/components/pricing">pricing</a>',       'Plan card with feature list and CTA. Supports highlighted state.'],
           ['<a href="/components/accordion">accordion</a>',   'Collapsible FAQ items — no JS, native <code>&lt;details&gt;</code>.'],
           ['<a href="/components/cta">cta</a>',               'Call-to-action block with eyebrow, heading, body, and actions slot.'],
         ]
@@ -111,9 +110,7 @@ export default {
           ['<a href="/components/stack">stack</a>',         'Flex column with consistent vertical gap.'],
           ['<a href="/components/cluster">cluster</a>',     'Flex row with wrapping — for badges, buttons, etc.'],
           ['<a href="/components/divider">divider</a>',     'Horizontal rule, optionally with centred label.'],
-          ['<a href="/components/banner">banner</a>',       'Full-width announcement bar above the nav.'],
           ['<a href="/components/media">media</a>',             'Two-column image + text layout, stacks on mobile.'],
-          ['<a href="/components/code-window">codeWindow</a>', 'macOS window chrome around a code block. Accepts pre-highlighted HTML.'],
           ['<a href="/components/footer">footer</a>',          'Site footer with logo, nav links, and legal text. Stacks on mobile.'],
         ]
       )}

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',