@acms-subir/core 0.2.0 → 0.3.1

package/src/theme-sdk/contract.mjs

@@ -0,0 +1,81 @@
+import { z } from 'zod';
+import { ThemeTokens } from './tokens.mjs';
+export { ThemeTokens } from './tokens.mjs';
+export const THEME_API_VERSION = 1;
+export const Slug = z.string().regex(/^[a-z][a-z0-9-]{0,49}$/);
+const text = z.string().max(20000);
+export const Field = z.object({
+  label: z.string().min(1).max(100), type: z.enum(['text', 'textarea', 'image', 'url', 'select', 'number']),
+  default: z.union([text, z.number()]).optional(), options: z.array(z.string().max(100)).max(30).optional(),
+}).strict();
+export const SectionDefinition = z.object({
+  name: z.string().min(1).max(100), version: z.number().int().positive().default(1),
+  component: z.string().regex(/^sections\/[a-zA-Z0-9-]+\.astro$/).optional(),
+  variants: z.array(Slug).min(1).max(20).default(['default']),
+  fields: z.record(z.string().regex(/^[a-zA-Z][a-zA-Z0-9]*$/), Field).default({}),
+}).strict();
+const f = (label, type = 'text', value = '') => ({ label, type, default: value });
+const base = { heading: f('Heading'), text: f('Supporting text', 'textarea') };
+/** @type {Record<string, import("zod").infer<typeof SectionDefinition>>} */
+export const BUILTIN_SECTIONS = {
+  live: { name: 'Live video', version: 1, variants: ['card','player'], fields: {} },
+  'page-content': { name: 'Existing page content', version: 1, variants: ['default'], fields: {} },
+  hero: { name: 'Hero', version: 1, variants: ['split', 'centered'], fields: { ...base, image: f('Image', 'image'), alt: f('Image description'), label: f('Button label'), href: f('Button link', 'url') } },
+  features: { name: 'Features', version: 1, variants: ['grid', 'list'], fields: { ...base, items: f('Features (one per line: title | description)', 'textarea') } },
+  testimonials: { name: 'Testimonials', version: 1, variants: ['grid', 'list'], fields: { ...base, items: f('Quotes (one per line: name | quote)', 'textarea') } },
+  faq: { name: 'FAQ', version: 1, variants: ['default'], fields: { ...base, items: f('Questions (one per line: question | answer)', 'textarea') } },
+  posts: { name: 'Posts', version: 1, variants: ['grid', 'list'], fields: { heading: f('Heading', 'text', 'Latest posts'), collection: f('Collection', 'text', 'posts'), limit: f('Number of posts', 'number', 3) } },
+  cta: { name: 'Call to action', version: 1, variants: ['default', 'panel'], fields: { ...base, label: f('Button label'), href: f('Button link', 'url') } },
+};
+export const SectionInstance = z.object({
+  id: z.string().min(1).max(100), type: Slug, version: z.number().int().positive().default(1),
+  variant: Slug.default('default'), hidden: z.boolean().default(false),
+  data: z.record(z.string().max(100), z.union([text, z.number().finite()])).default({}),
+}).strict();
+export const SectionLayout = z.object({ mode: z.enum(['content', 'sections']).default('sections'), sections: z.array(SectionInstance).max(50) }).strict()
+  .refine(v => new Set(v.sections.map(s => s.id)).size === v.sections.length, 'Section IDs must be unique');
+export const SectionPages = z.record(z.string().min(1).max(100), SectionLayout);
+export const PostOptions = z.object({
+  cover: z.enum(['normal', 'full', 'overlay', 'hidden']).default('normal'),
+  showDate: z.boolean().default(true),
+  showReadingTime: z.boolean().default(true),
+  byline: z.boolean().default(true),
+  authorCard: z.boolean().default(true),
+  share: z.boolean().default(true),
+  related: z.boolean().default(true),
+  // reading-progress bar across the top, and the sticky "On this page" rail
+  progress: z.boolean().default(true),
+  toc: z.boolean().default(true),
+});
+
+export const ThemeManifest = z.object({
+  name: z.string().min(1).max(120), description: z.string().max(2000).default(''), slug: Slug.optional(),
+  version: z.string().regex(/^\d+\.\d+\.\d+(?:-[a-zA-Z0-9.-]+)?$/).default('1.0.0'),
+  apiVersion: z.literal(1).default(1), core: z.string().default('>=0.2.0 <1.0.0'),
+  author: z.string().max(200).optional(), license: z.string().max(100).optional(),
+  tokens: ThemeTokens.default({}), post: PostOptions.default({}),
+  templates: z.array(z.string().regex(/^(home|event|post-[a-z0-9-]+|page-[a-z0-9-]+)\.astro$/)).default([]),
+  sections: z.record(Slug, SectionDefinition).default({}),
+  assets: z.array(z.string().regex(/^assets\/(?!.*\.\.)[a-zA-Z0-9_./-]+$/)).default([]),
+}).strict();
+/** @param {Partial<import("zod").infer<typeof ThemeManifest>>} [manifest] */
+export function sectionDefinitions(manifest = {}) {
+  return { ...BUILTIN_SECTIONS, ...(manifest.sections ?? {}) };
+}
+/** @param {import("zod").infer<typeof SectionLayout>} layout
+ * @param {Record<string, import("zod").infer<typeof SectionDefinition>>} definitions */
+export function sectionIssues(layout, definitions) {
+  return layout.sections.flatMap(s => {
+    const d = definitions[s.type];
+    if (!d) return [{ id: s.id, message: `Unavailable section: ${s.type}. Its data is preserved.` }];
+    if (s.version !== d.version) return [{ id: s.id, message: `Section ${s.type} needs a migration from v${s.version} to v${d.version}.` }];
+    if (!d.variants.includes(s.variant)) return [{ id: s.id, message: `Unsupported variant: ${s.variant}` }];
+    return Object.entries(d.fields).flatMap(([key, field]) => {
+      const value = s.data[key] ?? field.default ?? (field.type === 'number' ? 0 : '');
+      const valid = field.type === 'number' ? typeof value === 'number' && Number.isFinite(value)
+        : typeof value === 'string' && (field.type !== 'select' || field.options?.includes(value));
+      const safeLink = !['url','image'].includes(field.type) || value === '' || (typeof value === 'string' && /^(https?:\/\/|mailto:|tel:|\/(?!\/)|#)/i.test(value.trim()));
+      return valid && safeLink ? [] : [{ id: s.id, message: `Invalid ${field.label}` }];
+    });
+  });
+}

package/src/theme-sdk/index.ts

@@ -0,0 +1,15 @@
+export { ThemeTokens, ThemeManifest, PostOptions, SectionDefinition, SectionInstance, SectionLayout, SectionPages, BUILTIN_SECTIONS, sectionDefinitions, sectionIssues, THEME_API_VERSION } from './contract.mjs';
+export { CONTENT, postsIndexUrl, postUrl, tagUrl, collectionUrl } from '../lib/content';
+export { formatDate } from '../lib/dates';
+export type { Page, Post, Settings, Tag, CalEvent, Calendar, User } from '../lib/schema';
+import type { Page, Post, Settings, Tag, CalEvent, Calendar, User } from '../lib/schema';
+export interface HomeProps { settings: Settings; page: Page | null; posts: Post[]; tags: Tag[] }
+export interface PageProps { settings: Settings; page: Page; html: string }
+export interface PostProps { settings: Settings; post: Post; html: string; authors: User[]; related: Post[] }
+import type { Occurrence } from '../lib/calendar/events';
+export interface EventProps { settings: Settings; event: CalEvent; html: string; calendars: Calendar[]; origin: string; occurrence: Occurrence; upcoming: Pick<Occurrence, 'event' | 'start' | 'end' | 'allDay' | 'days'>[]; preview?: boolean; rsvp?: {going:number;left:number|null;maxSeats:number;error:string;open:boolean}|null }
+export interface SectionProps { data: Record<string, string | number>; variant: string; settings: Settings; page: Page }
+
+export { slugify, authorSlug } from '../lib/schema';
+
+export { localeFromPath, localeHomeUrl } from '../lib/i18n';

package/src/theme-sdk/tokens.d.mts

@@ -0,0 +1,148 @@
+export const DarkTokens: z.ZodObject<{
+    bg: z.ZodOptional<z.ZodString>;
+    ink: z.ZodOptional<z.ZodString>;
+    muted: z.ZodOptional<z.ZodString>;
+    line: z.ZodOptional<z.ZodString>;
+    accent: z.ZodOptional<z.ZodString>;
+    panel: z.ZodOptional<z.ZodString>;
+    soft: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    panel?: string | undefined;
+    bg?: string | undefined;
+    ink?: string | undefined;
+    muted?: string | undefined;
+    line?: string | undefined;
+    accent?: string | undefined;
+    soft?: string | undefined;
+}, {
+    panel?: string | undefined;
+    bg?: string | undefined;
+    ink?: string | undefined;
+    muted?: string | undefined;
+    line?: string | undefined;
+    accent?: string | undefined;
+    soft?: string | undefined;
+}>;
+export const ThemeTokens: z.ZodObject<{
+    bg: z.ZodDefault<z.ZodString>;
+    ink: z.ZodDefault<z.ZodString>;
+    muted: z.ZodDefault<z.ZodString>;
+    line: z.ZodDefault<z.ZodString>;
+    accent: z.ZodDefault<z.ZodString>;
+    panel: z.ZodDefault<z.ZodString>;
+    soft: z.ZodDefault<z.ZodString>;
+    accentInk: z.ZodDefault<z.ZodString>;
+    button: z.ZodDefault<z.ZodEnum<["ink", "accent"]>>;
+    dark: z.ZodDefault<z.ZodObject<{
+        bg: z.ZodOptional<z.ZodString>;
+        ink: z.ZodOptional<z.ZodString>;
+        muted: z.ZodOptional<z.ZodString>;
+        line: z.ZodOptional<z.ZodString>;
+        accent: z.ZodOptional<z.ZodString>;
+        panel: z.ZodOptional<z.ZodString>;
+        soft: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        panel?: string | undefined;
+        bg?: string | undefined;
+        ink?: string | undefined;
+        muted?: string | undefined;
+        line?: string | undefined;
+        accent?: string | undefined;
+        soft?: string | undefined;
+    }, {
+        panel?: string | undefined;
+        bg?: string | undefined;
+        ink?: string | undefined;
+        muted?: string | undefined;
+        line?: string | undefined;
+        accent?: string | undefined;
+        soft?: string | undefined;
+    }>>;
+    scheme: z.ZodDefault<z.ZodEnum<["light", "dark", "auto"]>>;
+    radius: z.ZodDefault<z.ZodEnum<["sharp", "soft", "round", "smooth"]>>;
+    elevation: z.ZodDefault<z.ZodEnum<["flat", "soft", "lifted"]>>;
+    density: z.ZodDefault<z.ZodEnum<["compact", "cozy", "airy"]>>;
+    headingFont: z.ZodDefault<z.ZodString>;
+    bodyFont: z.ZodDefault<z.ZodString>;
+    monoFont: z.ZodDefault<z.ZodString>;
+    googleFonts: z.ZodDefault<z.ZodString>;
+    displayWeight: z.ZodDefault<z.ZodNumber>;
+    displayTracking: z.ZodDefault<z.ZodString>;
+    baseSize: z.ZodDefault<z.ZodNumber>;
+    width: z.ZodDefault<z.ZodNumber>;
+    wideWidth: z.ZodDefault<z.ZodNumber>;
+    header: z.ZodDefault<z.ZodEnum<["floating", "bar", "minimal", "centered"]>>;
+    footer: z.ZodDefault<z.ZodEnum<["columns", "simple"]>>;
+    blogLayout: z.ZodDefault<z.ZodEnum<["auto", "cards", "list"]>>;
+}, "strip", z.ZodTypeAny, {
+    panel: string;
+    bg: string;
+    ink: string;
+    muted: string;
+    line: string;
+    accent: string;
+    soft: string;
+    accentInk: string;
+    button: "ink" | "accent";
+    dark: {
+        panel?: string | undefined;
+        bg?: string | undefined;
+        ink?: string | undefined;
+        muted?: string | undefined;
+        line?: string | undefined;
+        accent?: string | undefined;
+        soft?: string | undefined;
+    };
+    scheme: "dark" | "light" | "auto";
+    radius: "soft" | "sharp" | "round" | "smooth";
+    elevation: "flat" | "soft" | "lifted";
+    density: "compact" | "cozy" | "airy";
+    headingFont: string;
+    bodyFont: string;
+    monoFont: string;
+    googleFonts: string;
+    displayWeight: number;
+    displayTracking: string;
+    baseSize: number;
+    width: number;
+    wideWidth: number;
+    header: "centered" | "floating" | "bar" | "minimal";
+    footer: "columns" | "simple";
+    blogLayout: "list" | "auto" | "cards";
+}, {
+    panel?: string | undefined;
+    bg?: string | undefined;
+    ink?: string | undefined;
+    muted?: string | undefined;
+    line?: string | undefined;
+    accent?: string | undefined;
+    soft?: string | undefined;
+    accentInk?: string | undefined;
+    button?: "ink" | "accent" | undefined;
+    dark?: {
+        panel?: string | undefined;
+        bg?: string | undefined;
+        ink?: string | undefined;
+        muted?: string | undefined;
+        line?: string | undefined;
+        accent?: string | undefined;
+        soft?: string | undefined;
+    } | undefined;
+    scheme?: "dark" | "light" | "auto" | undefined;
+    radius?: "soft" | "sharp" | "round" | "smooth" | undefined;
+    elevation?: "flat" | "soft" | "lifted" | undefined;
+    density?: "compact" | "cozy" | "airy" | undefined;
+    headingFont?: string | undefined;
+    bodyFont?: string | undefined;
+    monoFont?: string | undefined;
+    googleFonts?: string | undefined;
+    displayWeight?: number | undefined;
+    displayTracking?: string | undefined;
+    baseSize?: number | undefined;
+    width?: number | undefined;
+    wideWidth?: number | undefined;
+    header?: "centered" | "floating" | "bar" | "minimal" | undefined;
+    footer?: "columns" | "simple" | undefined;
+    blogLayout?: "list" | "auto" | "cards" | undefined;
+}>;
+import { z } from 'zod';

package/src/theme-sdk/tokens.mjs

@@ -0,0 +1,55 @@
+import { z } from 'zod';
+const hex = z.string();
+
+// the dark-scheme palette; any key left out is generated from the light one
+export const DarkTokens = z.object({
+  bg: hex.optional(),
+  ink: hex.optional(),
+  muted: hex.optional(),
+  line: hex.optional(),
+  accent: hex.optional(),
+  panel: hex.optional(),
+  soft: hex.optional(),
+  live: hex.optional(),
+});
+
+export const ThemeTokens = z.object({
+  // color (light scheme)
+  bg: hex.default('#f6f5f2'),
+  ink: hex.default('#17181c'),
+  muted: hex.default('#62646c'),
+  line: hex.default('#e5e2db'),
+  accent: hex.default('#3355ff'),
+  panel: hex.default('#fdfcfa'),
+  soft: hex.default('#efede8'),
+  // text on an accent fill; '' = pick white or near-black by contrast
+  accentInk: hex.default(''),
+  // the live-video signal color (LIVE tag, markers); '' = a tuned red
+  live: hex.default(''),
+  // primary buttons: ink-filled (default) or accent-filled
+  button: z.enum(['ink', 'accent']).default('ink'),
+  // dark scheme
+  dark: DarkTokens.default({}),
+  scheme: z.enum(['light', 'dark', 'auto']).default('auto'),
+  // shape + depth + rhythm
+  radius: z.enum(['sharp', 'soft', 'round', 'smooth']).default('round'),
+  elevation: z.enum(['flat', 'soft', 'lifted']).default('soft'),
+  density: z.enum(['compact', 'cozy', 'airy']).default('cozy'),
+  // type
+  headingFont: z.string().default("'Geist', ui-sans-serif, system-ui, sans-serif"),
+  bodyFont: z.string().default("'Geist', ui-sans-serif, system-ui, sans-serif"),
+  monoFont: z.string().default("'Geist Mono', ui-monospace, 'SF Mono', monospace"),
+  // the `family=` query for fonts.googleapis.com/css2; empty = no webfont
+  googleFonts: z.string().default('family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500'),
+  displayWeight: z.coerce.number().default(650),
+  displayTracking: z.string().default('-0.04em'),
+  baseSize: z.coerce.number().default(17),
+  // layout
+  width: z.coerce.number().default(720),
+  wideWidth: z.coerce.number().default(1080),
+  header: z.enum(['floating', 'bar', 'minimal', 'centered']).default('floating'),
+  footer: z.enum(['columns', 'simple']).default('columns'),
+  // 'auto' = cards when at least half the listed posts have a cover, else list
+  blogLayout: z.enum(['auto', 'cards', 'list']).default('auto'),
+});
+

package/src/themes/editorial/templates/home.astro

@@ -3,10 +3,10 @@
 // (and theme.css) to redesign the homepage; the words stay UI-editable because
 // the isHome page's rendered body is injected as the hero. Sections are driven
 // by data: `featured` posts, latest, and the `projects` / `log` tags.
-import type { Page, Post, Settings, Tag } from '../../../lib/schema';
-import { slugify } from '../../../lib/schema';
-import { formatDate } from '../../../lib/dates';
-import { CONTENT, postsIndexUrl, postUrl, tagUrl } from '../../../lib/content';
+import type { Page, Post, Settings, Tag } from '@acms-subir/core/theme';
+import { slugify } from '@acms-subir/core/theme';
+import { formatDate } from '@acms-subir/core/theme';
+import { CONTENT, postsIndexUrl, postUrl, tagUrl } from '@acms-subir/core/theme';
 
 interface Props {
   settings: Settings;

package/src/themes/editorial/templates/post-minimal.astro

@@ -9,8 +9,8 @@
 //   authors  — ordered User[] (may be empty)
 //   settings — site Settings
 //   related  — up to 3 related Post[]
-import type { Post, Settings, User } from '../../../lib/schema';
-import { authorSlug } from '../../../lib/schema';
+import type { Post, Settings, User } from '@acms-subir/core/theme';
+import { authorSlug } from '@acms-subir/core/theme';
 
 interface Props {
   post: Post;

package/src/themes/editorial/theme.css

@@ -4,15 +4,18 @@ body { font-size: 16.5px; }
 h1, h2, h3 { font-weight: 550; letter-spacing: -0.015em; }
 article h1 { font-size: 42px; line-height: 1.12; }
 
-.site-header { padding-top: 34px; }
-.site-header .brand { font-family: var(--font-heading); font-size: 20px; font-weight: 550; }
+.site-header .brand { font-family: var(--font-heading); font-size: 22px; font-weight: 550; letter-spacing: -0.01em; }
 .site-nav a { text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; }
-.site-nav a[aria-current='page'] { border-bottom: 1.5px solid var(--ink); padding-bottom: 3px; }
+.site-nav a:hover { background: none; }
+.site-nav a[aria-current='page'] { background: none; box-shadow: inset 0 -1.5px 0 var(--ink); border-radius: 0; font-weight: 400; }
 
 .post-list a { font-family: var(--font-heading); font-weight: 550; }
 .post-meta { text-transform: uppercase; font-size: 11.5px; letter-spacing: 0.08em; }
 .post-cover { border-radius: 4px; }
-.tag { border-radius: 3px; text-transform: uppercase; font-size: 11px; letter-spacing: 0.06em; }
+.tag { text-transform: uppercase; font-size: 11px; letter-spacing: 0.08em; }
+.post-card-title { font-family: var(--font-heading); font-weight: 550; font-size: 22px; }
+.post-card.is-feature .post-card-title { font-weight: 500; }
+.filter-tabs a { text-transform: uppercase; font-size: 12px; letter-spacing: 0.08em; }
 
 .site-footer { text-align: center; text-transform: uppercase; font-size: 12px; letter-spacing: 0.08em; }
 
@@ -63,46 +66,33 @@ article h1 { font-size: 42px; line-height: 1.12; }
 .ed-feature .ed-excerpt { max-width: 58ch; }
 
 /* ---- post page: Ghost-style editorial treatment ---- */
-.post-header { text-align: center; padding-top: 18px; }
-.post-kicker { margin-bottom: 10px; }
-.post-header .post-kicker .tag { background: none; padding: 0 6px; color: var(--muted); }
-.post-header .post-kicker a.tag:hover { background: none; color: var(--accent); }
-article > .post-header h1 { font-size: clamp(34px, 6vw, 52px); font-weight: 500; margin: 6px 0 12px; }
-.post-header .post-meta { justify-content: center; }
-.post-header .byline a { color: var(--muted); text-decoration: none; }
-.post-header .byline a:hover { color: var(--accent); }
-
-/* cover spacing — full-bleed itself is data-driven (.is-full, set by the
-   theme's post.cover default or the Design screen override) */
-.post-cover { margin-top: 26px; margin-bottom: 40px; }
-
-/* share as a floating rail beside the text on desktop */
-@media (min-width: 1000px) {
-  .post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 40px; align-items: start; }
-  .post-share { flex-direction: column; align-items: center; gap: 12px; margin: 4px 0 0; position: sticky; top: 40px; }
-  .post-share-label { margin: 0 0 2px; }
-}
-
-/* author card: serif italic name, centered block like the reference */
-.author-card { gap: 22px; margin-top: 44px; padding-top: 32px; }
+.post-header { text-align: center; }
+.post-kicker { justify-content: center; }
+.post-header h1 { font-weight: 500; letter-spacing: -0.02em; }
+.post-dek { max-width: 56ch; margin-left: auto; margin-right: auto; }
+.post-byline-row { flex-direction: column; gap: 14px; }
+.post-byline { flex-direction: column; gap: 8px; }
+.post-byline > div { align-items: center; }
+.post-byline .post-meta { text-transform: uppercase; font-size: 11.5px; letter-spacing: 0.08em; }
+
+/* author card: flat, serif italic name, like the reference */
+.author-card { background: none; border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 32px 0 0; gap: 22px; }
 .author-card .author-avatar { width: 76px; height: 76px; }
 .author-card-name { font-family: var(--font-heading); font-style: italic; font-weight: 500; font-size: 30px; margin: 2px 0 6px; }
 .author-card-bio { font-size: 15.5px; line-height: 1.6; }
-.author-card-more { color: var(--muted); border-bottom: 1px solid var(--line); padding-bottom: 2px; }
-.author-card-more:hover { color: var(--ink); }
 
 /* related reading */
-.related { margin-top: 48px; }
 .related-title { font-style: italic; font-weight: 500; font-size: 30px; }
-.related-card h3 { font-family: var(--font-heading); font-weight: 550; font-size: 20px; }
-.related-thumb img { border-radius: 4px; }
 
-/* author page hero */
-.author-hero { flex-direction: column; text-align: center; gap: 14px; padding-top: 24px; }
-.author-hero .author-avatar { width: 96px; height: 96px; }
-.author-hero h1 { font-size: 40px; font-weight: 500; }
-.author-hero .tag-desc { max-width: 52ch; margin: 0 auto; }
+/* archive heads */
+.page-head h1, .profile-head h1 { font-weight: 500; letter-spacing: -0.02em; }
+.profile-head { flex-direction: column; text-align: center; }
+.profile-head .page-lede { margin: 0 auto; }
 
 /* overlay hero: keep the serif display sizing on the image variant too */
 .post-hero-content h1 { font-size: clamp(34px, 6vw, 52px); font-weight: 500; }
-.post-hero-content .post-kicker .tag { background: none; padding: 0 6px; }
+
+/* live video: square-cut tag and spaced caps to match the masthead */
+:root { --live-tag-radius: 2px; }
+.pc-live-tag, .pc-live-kicker, .pc-live-mark { letter-spacing: 0.14em; }
+.pc-live[data-layout='split'] .pc-live-title-text { font-weight: 500; }

package/src/themes/editorial/theme.json

@@ -1,18 +1,40 @@
 {
   "name": "Editorial",
-  "description": "Serif editorial magazine — Fraunces display headings, warm paper, crimson accents. Ships a coded homepage with Featured / Latest / tag sections.",
+  "description": "Serif editorial magazine: Fraunces display headings, warm paper, crimson accents, flat surfaces. Ships a coded homepage with Featured / Latest / tag sections.",
   "tokens": {
     "bg": "#f7f5f0",
     "ink": "#181712",
     "muted": "#6d685e",
     "line": "#e4e0d5",
+    "live": "#b8261b",
     "accent": "#b33a2e",
     "panel": "#fdfcf9",
     "soft": "#edeae1",
     "headingFont": "'Fraunces', Georgia, serif",
     "bodyFont": "'Inter', system-ui, sans-serif",
-    "googleFonts": "family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,550;1,9..144,400;1,9..144,550&family=Inter:wght@400;500;600",
-    "width": 720
+    "googleFonts": "family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,550;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600&family=Geist+Mono:wght@400;500",
+    "width": 720,
+    "dark": {
+      "bg": "#16140f",
+      "ink": "#ece6da",
+      "muted": "#a39c8e",
+      "line": "#2d2a24",
+      "live": "#f26b57",
+      "accent": "#e0735f",
+      "panel": "#1d1b16",
+      "soft": "#25221c"
+    },
+    "button": "accent",
+    "radius": "soft",
+    "elevation": "flat",
+    "density": "airy",
+    "monoFont": "'Geist Mono', ui-monospace, monospace",
+    "displayWeight": 500,
+    "displayTracking": "-0.02em",
+    "baseSize": 17.5,
+    "header": "centered",
+    "footer": "simple",
+    "wideWidth": 1040
   },
   "post": {
     "cover": "full"

package/src/themes/field/theme.json

@@ -1,17 +1,35 @@
 {
   "name": "Field Notes",
-  "description": "Warm green-tinted paper with Lora serif headings — calm, notebook-like.",
+  "description": "Calm green-tinted paper with a humanist sans, generous spacing and smooth corners. Notebook-like.",
   "tokens": {
-    "bg": "#f4f6f2",
-    "ink": "#232a22",
-    "muted": "#68715f",
+    "bg": "#f2f5f0",
+    "ink": "#1f261e",
+    "muted": "#5f6a58",
     "line": "#dde3d6",
+    "live": "#c2412d",
     "accent": "#3d6b45",
-    "panel": "#fdfefc",
+    "panel": "#fbfdf9",
     "soft": "#e6ebdf",
-    "headingFont": "'Lora', Georgia, serif",
-    "bodyFont": "'Inter', system-ui, sans-serif",
-    "googleFonts": "family=Lora:ital,wght@0,500;0,600;1,500&family=Inter:wght@400;500;600",
-    "width": 720
+    "headingFont": "'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif",
+    "bodyFont": "'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif",
+    "googleFonts": "family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Geist+Mono:wght@400;500",
+    "width": 720,
+    "dark": {
+      "bg": "#121611",
+      "ink": "#e6ebe2",
+      "muted": "#9aa596",
+      "line": "#283026",
+      "accent": "#7cc28a",
+      "panel": "#181d17",
+      "soft": "#1f261e"
+    },
+    "button": "accent",
+    "radius": "smooth",
+    "elevation": "soft",
+    "density": "airy",
+    "displayWeight": 650,
+    "displayTracking": "-0.035em",
+    "header": "bar",
+    "footer": "columns"
   }
 }

package/src/themes/ink/theme.json

@@ -1,17 +1,35 @@
 {
   "name": "Ink",
-  "description": "The original Acms look — quiet Inter sans on warm paper with an indigo accent.",
+  "description": "The default. Soft-modern Geist sans on a warm canvas, ink buttons, a cobalt accent, rounded media, and automatic light and dark.",
   "tokens": {
-    "bg": "#faf9f7",
-    "ink": "#1e1f24",
-    "muted": "#6b6e78",
-    "line": "#e5e3de",
-    "accent": "#4f46e5",
-    "panel": "#ffffff",
-    "soft": "#eceae5",
-    "headingFont": "'Inter', system-ui, sans-serif",
-    "bodyFont": "'Inter', system-ui, sans-serif",
-    "googleFonts": "family=Inter:wght@400;600;700",
-    "width": 760
+    "bg": "#f6f5f2",
+    "ink": "#17181c",
+    "muted": "#62646c",
+    "line": "#e5e2db",
+    "accent": "#3355ff",
+    "panel": "#fdfcfa",
+    "soft": "#efede8",
+    "dark": {
+      "bg": "#121316",
+      "ink": "#eceae5",
+      "muted": "#9a9ca4",
+      "line": "#2a2b31",
+      "accent": "#7d93ff",
+      "panel": "#1a1b1f",
+      "soft": "#222328"
+    },
+    "scheme": "auto",
+    "button": "ink",
+    "radius": "round",
+    "elevation": "soft",
+    "density": "cozy",
+    "headingFont": "'Geist', ui-sans-serif, system-ui, sans-serif",
+    "bodyFont": "'Geist', ui-sans-serif, system-ui, sans-serif",
+    "googleFonts": "family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500",
+    "width": 720,
+    "wideWidth": 1080,
+    "header": "floating",
+    "footer": "columns",
+    "blogLayout": "auto"
   }
 }

package/src/themes/night/theme.css

@@ -1,7 +1,4 @@
-/* Night Studio — dark-mode fixups beyond what tokens cover. */
-pre { background: #0d0e12; }
-.link-btn:hover { box-shadow: 0 6px 18px rgb(0 0 0 / 45%); }
-.links-avatar { box-shadow: 0 4px 16px rgb(0 0 0 / 50%); }
-.post-cover { background: var(--soft); }
-a.tag:hover { color: #14151a; }
-.w-btn.primary { color: #14151a; }
+/* Night Studio — personality beyond tokens (the old dark-mode patches are
+   gone: accent text, button ink and shadows now come from the tokens). */
+h1, h2, h3 { letter-spacing: -0.03em; }
+.brand { font-family: var(--font-heading); letter-spacing: -0.03em; }

package/src/themes/night/theme.json

@@ -1,17 +1,35 @@
 {
   "name": "Night Studio",
-  "description": "Dark charcoal studio with Space Grotesk headings and a warm amber accent.",
+  "description": "Dark-first studio: charcoal surfaces, Space Grotesk display and a warm amber accent. Set scheme to auto to also offer its light palette.",
   "tokens": {
-    "bg": "#14151a",
-    "ink": "#e8e7e2",
-    "muted": "#9a9aa3",
-    "line": "#2b2c33",
-    "accent": "#e8a849",
-    "panel": "#1d1e25",
-    "soft": "#25262e",
+    "bg": "#f6f3ec",
+    "ink": "#1c1a16",
+    "muted": "#6a655b",
+    "line": "#e4ded2",
+    "accent": "#b87512",
+    "panel": "#fdfbf6",
+    "soft": "#eee9df",
     "headingFont": "'Space Grotesk', system-ui, sans-serif",
     "bodyFont": "'Inter', system-ui, sans-serif",
-    "googleFonts": "family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600",
-    "width": 760
+    "googleFonts": "family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=Geist+Mono:wght@400;500",
+    "width": 760,
+    "dark": {
+      "bg": "#121316",
+      "ink": "#ebe9e3",
+      "muted": "#9b9ba4",
+      "line": "#2a2b32",
+      "live": "#ff6a55",
+      "accent": "#e8a849",
+      "panel": "#1a1b21",
+      "soft": "#23242b"
+    },
+    "scheme": "dark",
+    "button": "accent",
+    "radius": "round",
+    "elevation": "lifted",
+    "displayWeight": 650,
+    "displayTracking": "-0.03em",
+    "header": "floating",
+    "footer": "columns"
   }
 }