/* Theme Name: Wonder Burrow Theme URI: https://github.com/danieljwonder/danielwonder-native-archive Description: Ollie child theme that applies the danielwonder native-archive design direction — cream/ink palette, purple accent, monospace metadata, hairline rules, and automatic dark mode. Author: Daniel Wonder Template: ollie Version: 0.9.0 Requires at least: 6.5 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: wonder-burrow */ /* ------------------------------------------------------------------ Tokens the theme.json presets can't express. Light values live in theme.json; dark mode flips the preset custom properties themselves, so every Ollie style that references a preset follows along automatically. ------------------------------------------------------------------- */ body { --dw-accent-soft: color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent); --dw-shadow: 0 24px 80px rgba(23, 20, 17, 0.08); } /* Dark tokens apply when the OS prefers dark (unless the header toggle forced light), or when the toggle forced dark. The toggle stores its choice in localStorage and sets data-dw-scheme on — see assets/scheme-toggle.js. Token list is duplicated in both blocks. */ @media (prefers-color-scheme: dark) { html:not([data-dw-scheme="light"]) body { --wp--preset--color--base: #11100f; --wp--preset--color--main: #f4efe6; --wp--preset--color--main-accent: #3a352f; --wp--preset--color--secondary: #a69b8e; --wp--preset--color--tertiary: #1b1916; --wp--preset--color--primary: #c9a7ff; --wp--preset--color--primary-accent: #241d31; --wp--preset--color--primary-alt: #4e2a84; --wp--preset--color--primary-alt-accent: #e6d9ff; --wp--preset--color--border-light: #35302a; --wp--preset--color--border-dark: #6c6258; --dw-accent-soft: color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent); --dw-shadow: 0 24px 80px rgba(0, 0, 0, 0.28); } } html[data-dw-scheme="dark"] body { --wp--preset--color--base: #11100f; --wp--preset--color--main: #f4efe6; --wp--preset--color--main-accent: #3a352f; --wp--preset--color--secondary: #a69b8e; --wp--preset--color--tertiary: #1b1916; --wp--preset--color--primary: #c9a7ff; --wp--preset--color--primary-accent: #241d31; --wp--preset--color--primary-alt: #4e2a84; --wp--preset--color--primary-alt-accent: #e6d9ff; --wp--preset--color--border-light: #35302a; --wp--preset--color--border-dark: #6c6258; --dw-accent-soft: color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent); --dw-shadow: 0 24px 80px rgba(0, 0, 0, 0.28); color-scheme: dark; } html[data-dw-scheme="light"] body { color-scheme: light; } /* Soft radial accent wash behind the whole page, as in the draft. */ body { color-scheme: light dark; background: radial-gradient(circle at top left, var(--dw-accent-soft), transparent 36rem) var(--wp--preset--color--base); } a { text-decoration-thickness: 0.08em; text-underline-offset: 0.18em; } /* Sticky footer: short pages (a one-line note) don't fill the viewport, so let the page column stretch and push the footer to the bottom. .wp-site-blocks is the block-theme root wrapper. */ body { min-height: 100vh; min-height: 100svh; } .wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; } .wp-site-blocks > footer { margin-block-start: auto; } /* ------------------------------------------------------------------ Utility classes used by the bundled patterns. Apply them to any block via "Additional CSS class(es)" in the editor. ------------------------------------------------------------------- */ /* Small-caps monospace kicker, e.g. "danielwonder.com draft". */ .dw-eyebrow { color: var(--wp--preset--color--secondary); font-family: var(--wp--preset--font-family--monospace); font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; } .dw-mono { font-family: var(--wp--preset--font-family--monospace); } /* Oversized display treatment for the site title / hero heading. */ .dw-display { font-size: clamp(3rem, 10vw, 7.5rem) !important; line-height: 0.88 !important; letter-spacing: -0.08em !important; font-weight: 600; } .dw-display a { text-decoration: none; color: inherit; } /* Hairline-ruled section: add to any Group to get the top rule. */ .dw-rule-top { border-top: 1px solid var(--wp--preset--color--border-light); } /* Query Loop styled as the draft's archive list. */ .dw-archive-list .wp-block-post { border-top: 1px solid var(--wp--preset--color--border-light); padding: 18px 0; margin: 0; } .dw-archive-list .wp-block-post-title { letter-spacing: -0.025em; margin: 0.1rem 0 0.35rem; } .dw-archive-list .wp-block-post-title a { text-decoration: none; } .dw-archive-list .wp-block-post-title a:hover { text-decoration: underline; } .dw-archive-list .wp-block-post-excerpt { max-width: 44rem; } .dw-archive-list .wp-block-post-excerpt__more-text { display: none; } /* Notes (`note` CPT synced from Nostr) mixed into the archive list: no title, the note text itself is the entry, mono kind label on the date line. Relies on the type-note post class the Query Loop emits. */ .dw-archive-list .type-note .wp-block-post-title { display: none; } .dw-archive-list .type-note .wp-block-post-excerpt { color: var(--wp--preset--color--main); max-width: 42rem; } /* Kind labels live on the