a166af2306
- _data: switch to cachedFetch wrapper (10s timeout + 4h watch cache) - js/webmentions.js: owner reply threading, platform provenance badges, DOM dedup, Micropub reply support - js/comments.js: owner detection, reply system, Alpine.store integration - _includes/components/webmentions.njk: data-wm-* attrs, provenance badge slots, reply buttons - _includes/components/comments.njk: owner-aware comment form, threaded replies - widgets/toc.njk: Alpine.js tocScanner upgrade (replaces is-land/inline-JS) - lib/og.js + og-cli.js: OG card v3 (light theme, avatar, batched spawn, DESIGN_VERSION=3) - eleventy.config.js: hasOgImage cache, memoized date filters, batched OG/unfurl, post-build GC, YouTube check opt - base.njk: Inter font preloads + toc-scanner.js script - critical.css: font-face declarations (font-display:optional) - tailwind.css: font-display swap→optional - tailwind.config.js: prose link colors -700→-600 - Color design system: accent-700/300 → accent-600/400 across components Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
87 lines
1.9 KiB
JavaScript
87 lines
1.9 KiB
JavaScript
import typography from "@tailwindcss/typography";
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./*.njk",
|
|
"./content/**/*.md",
|
|
"./docs/**/*.md",
|
|
"./.interface-design/**/*.md",
|
|
"./_includes/**/*.njk",
|
|
"./_includes/**/*.md",
|
|
"./js/**/*.js",
|
|
"./lib/**/*.js",
|
|
],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Warm stone — surfaces, text, structure
|
|
surface: {
|
|
50: "#faf8f5",
|
|
100: "#f4f2ee",
|
|
200: "#e8e5df",
|
|
300: "#d5d0c8",
|
|
400: "#a09a90",
|
|
500: "#7a746a",
|
|
600: "#5c5750",
|
|
700: "#3f3b35",
|
|
800: "#2a2722",
|
|
900: "#1c1b19",
|
|
950: "#0f0e0d",
|
|
},
|
|
// Warm amber — default interactive, CTAs, focus rings
|
|
accent: {
|
|
50: "#fffbeb",
|
|
100: "#fef3c7",
|
|
200: "#fde68a",
|
|
300: "#fcd34d",
|
|
400: "#fbbf24",
|
|
500: "#f59e0b",
|
|
600: "#d97706",
|
|
700: "#b45309",
|
|
800: "#92400e",
|
|
900: "#78350f",
|
|
950: "#451a03",
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'"Inter"',
|
|
"system-ui",
|
|
"-apple-system",
|
|
"BlinkMacSystemFont",
|
|
"Segoe UI",
|
|
"Roboto",
|
|
"sans-serif",
|
|
],
|
|
mono: [
|
|
"ui-monospace",
|
|
"SF Mono",
|
|
"Monaco",
|
|
"Cascadia Code",
|
|
"monospace",
|
|
],
|
|
},
|
|
maxWidth: {
|
|
content: "720px",
|
|
wide: "1200px",
|
|
},
|
|
typography: (theme) => ({
|
|
DEFAULT: {
|
|
css: {
|
|
"--tw-prose-links": theme("colors.accent.600"),
|
|
maxWidth: "none",
|
|
},
|
|
},
|
|
invert: {
|
|
css: {
|
|
"--tw-prose-links": theme("colors.accent.400"),
|
|
},
|
|
},
|
|
}),
|
|
},
|
|
},
|
|
plugins: [typography],
|
|
};
|