edgepress 2026.9.4 → 2026.9.6

package/static/edgepress/code-copy.js

@@ -0,0 +1,55 @@
+const copyLabels = document.documentElement.lang.toLowerCase().startsWith('zh')
+  ? { copy: '复制', copied: '已复制到剪贴板。', failed: '复制失败，请手动选择并复制代码。', label: '复制代码' }
+  : { copy: 'Copy', copied: 'Copied to clipboard.', failed: 'Copy failed. Select and copy the code manually.', label: 'Copy code' };
+
+function fallbackCopy(value) {
+  const field = document.createElement('textarea');
+  field.value = value;
+  field.setAttribute('readonly', '');
+  field.tabIndex = -1;
+  field.setAttribute('aria-hidden', 'true');
+  field.style.position = 'fixed';
+  field.style.inset = '0 auto auto -10000px';
+  document.body.append(field);
+  field.select();
+  let copied = false;
+  try { copied = document.execCommand('copy'); } catch { /* Clipboard permissions may deny the fallback. */ }
+  field.remove();
+  return copied;
+}
+
+for (const pre of document.querySelectorAll('pre[data-copyable-code]')) {
+  if (pre.parentElement?.classList.contains('code-copy-block')) continue;
+  const wrapper = document.createElement('div');
+  wrapper.className = 'code-copy-block';
+  const toolbar = document.createElement('div');
+  toolbar.className = 'code-copy-toolbar';
+  const button = document.createElement('button');
+  button.className = 'code-copy-button';
+  button.type = 'button';
+  button.textContent = copyLabels.copy;
+  button.setAttribute('aria-label', copyLabels.label);
+  const status = document.createElement('span');
+  status.className = 'code-copy-status';
+  status.setAttribute('role', 'status');
+  status.setAttribute('aria-live', 'polite');
+  toolbar.append(button);
+  pre.before(wrapper);
+  wrapper.append(toolbar, pre, status);
+
+  button.addEventListener('click', async () => {
+    const code = pre.querySelector('code') || pre;
+    let copied = false;
+    try {
+      if (navigator.clipboard?.writeText) {
+        await navigator.clipboard.writeText(code.textContent || '');
+        copied = true;
+      } else {
+        copied = fallbackCopy(code.textContent || '');
+      }
+    } catch {
+      copied = fallbackCopy(code.textContent || '');
+    }
+    status.textContent = copied ? copyLabels.copied : copyLabels.failed;
+  });
+}

package/static/edgepress/icons.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="home" viewBox="0 0 24 24"><path d="m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-6v-7h-4v7H4a1 1 0 0 1-1-1z"/><path d="M8 8h8"/></symbol>
+  <symbol id="book-open" viewBox="0 0 24 24"><path d="M12 7v14M12 8c-2.5-2-5.5-2-9-1v13c3.5-1 6.5-1 9 1M12 8c2.5-2 5.5-2 9-1v13c-3.5-1-6.5-1-9 1"/><path d="M6 11h3m6 0h3"/></symbol>
+  <symbol id="rocket" viewBox="0 0 24 24"><path d="M12 15 9 12c1-5 4-8 11-9 0 7-4 10-8 11Z"/><path d="m9 12-4 1-2 4 5-1m4-1 1 4 4 2-1-5"/><circle cx="15" cy="8" r="1.5"/><path d="M7 18c-1 2-3 3-4 3 0-2 1-4 3-5"/></symbol>
+  <symbol id="newspaper" viewBox="0 0 24 24"><path d="M5 4h15v15a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"/><path d="M3 8h5v5H3m8-5h6m-6 4h6m-11 4h11m-11 3h7"/></symbol>
+  <symbol id="search" viewBox="0 0 24 24"><circle cx="10.8" cy="10.8" r="6.8"/><path d="m16 16 5 5"/></symbol>
+  <symbol id="shield-check" viewBox="0 0 24 24"><path d="M12 3 20 6v5c0 5-3.2 8.2-8 10-4.8-1.8-8-5-8-10V6z"/><path d="m8.5 12 2.3 2.3 4.8-5"/></symbol>
+  <symbol id="rss" viewBox="0 0 24 24"><circle cx="5" cy="19" r="1"/><path d="M4 11a9 9 0 0 1 9 9M4 5a15 15 0 0 1 15 15"/></symbol>
+  <symbol id="file-text" viewBox="0 0 24 24"><path d="M6 3h8l5 5v13H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"/><path d="M14 3v6h5m-10 4h6m-6 4h6"/></symbol>
+  <symbol id="layers" viewBox="0 0 24 24"><path d="m12 3 9 5-9 5-9-5z"/><path d="m3 12 9 5 9-5M3 16l9 5 9-5"/></symbol>
+  <symbol id="code" viewBox="0 0 24 24"><path d="m8 7-5 5 5 5m8-10 5 5-5 5m-3-12-2 14"/></symbol>
+  <symbol id="puzzle" viewBox="0 0 24 24"><path d="M4 4h5a2.5 2.5 0 1 1 5 0h6v6a2.5 2.5 0 1 0 0 5v5h-6a2.5 2.5 0 1 0-5 0H4v-6a2.5 2.5 0 1 1 0-5z"/></symbol>
+  <symbol id="plug" viewBox="0 0 24 24"><path d="M9 3v6m6-6v6m-9 0h12v3a6 6 0 0 1-6 6v3m0-9v6"/></symbol>
+  <symbol id="cloud" viewBox="0 0 24 24"><path d="M7 18a5 5 0 1 1 1-9.9A6 6 0 0 1 19 10a4 4 0 0 1 0 8z"/><path d="m9 14 3-3 3 3m-3-3v7"/></symbol>
+  <symbol id="palette" viewBox="0 0 24 24"><path d="M12 3a9 9 0 1 0 0 18h1.2a2.3 2.3 0 0 0 1.6-4c-.7-.7-.2-2 1-2H18a3 3 0 0 0 3-3c0-5-4-9-9-9Z"/><circle cx="7.5" cy="11" r="1"/><circle cx="10" cy="7.5" r="1"/><circle cx="15" cy="8" r="1"/></symbol>
+  <symbol id="globe" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18m0-18a14 14 0 0 0 0 18"/></symbol>
+  <symbol id="help-circle" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M9.5 9a2.6 2.6 0 1 1 4.8 1.4c-.8 1-2.3 1.4-2.3 3m0 3h.01"/></symbol>
+  <symbol id="arrow-up-right" viewBox="0 0 24 24"><path d="M7 17 17 7M8 7h9v9"/></symbol>
+  <symbol id="check-circle" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="m8 12 2.7 2.7L16.5 9"/></symbol>
+  <symbol id="layout-grid" viewBox="0 0 24 24"><rect x="3" y="3" width="8" height="8" rx="1.5"/><rect x="13" y="3" width="8" height="5" rx="1.5"/><rect x="13" y="10" width="8" height="11" rx="1.5"/><rect x="3" y="13" width="8" height="8" rx="1.5"/></symbol>
+  <symbol id="terminal" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="m7 9 3 3-3 3m6 0h4"/></symbol>
+  <symbol id="settings" viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="m19.4 15 .1.1 1.1.9-1.1 2-1.4-.4a8 8 0 0 1-1.7 1l-.3 1.4h-2.2l-.3-1.4a8 8 0 0 1-1.7-1l-1.4.4-1.1-2 1.1-.9A8 8 0 0 1 8.5 14L7 13.7v-2.4l1.5-.3a8 8 0 0 1 .9-1.7l-.5-1.4 2-1.2 1 1.1a8 8 0 0 1 2 0l1-1.1 2 1.2-.5 1.4a8 8 0 0 1 .9 1.7l1.5.3v2.4l-1.5.3"/></symbol>
+  <symbol id="sparkles" viewBox="0 0 24 24"><path d="m12 3 1.4 5.6L19 10l-5.6 1.4L12 17l-1.4-5.6L5 10l5.6-1.4zM19 16l.7 2.3L22 19l-2.3.7L19 22l-.7-2.3L16 19l2.3-.7z"/></symbol>
+</svg>

package/themes/atelier/assets/style.css

@@ -117,4 +117,51 @@ main,.page-builder,.page-builder-row,.page-builder-cell,.post,.post-content,.pos
 @media(max-width:620px){.local-search-controls{align-items:stretch;flex-direction:column}.local-search-controls button{min-height:44px}.post-content pre,.code-widget pre,.steps-widget pre{padding:12px}}
 .locale-nav select{max-width:min(100%,13rem);padding:7px 30px 7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}
 .locale-nav select:focus-visible{outline:3px solid #cb774d;outline-offset:3px}
-@media(max-width:620px){.locale-nav select{min-height:42px;max-width:100%}}
+@media(max-width:620px){.locale-nav select{min-height:42px;max-width:100%}}
+
+/* Article contents and code tools use theme styling and wrap on narrow screens. */
+.post-toc{display:block;max-width:760px;margin:24px 0;padding:18px 22px;border:1px solid var(--line);border-radius:4px;background:var(--panel)}
+.post-toc h2{margin:0 0 8px;font-size:1.05rem;letter-spacing:0}
+.post-toc ol{margin:0;padding-inline-start:1.35rem}
+.post-toc li{padding:2px 0}
+.post-toc .post-toc-level-3{padding-inline-start:1rem}
+.post-toc .post-toc-level-4,.post-toc .post-toc-level-5,.post-toc .post-toc-level-6{padding-inline-start:2rem}
+.post-content h2[id],.post-content h3[id],.post-content h4[id],.post-content h5[id],.post-content h6[id]{scroll-margin-top:1rem}
+.code-copy-block{max-width:100%;margin:1.25em 0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#29271f}
+.code-copy-block pre{margin:0;border-radius:0}
+.code-copy-toolbar{display:flex;justify-content:flex-end;padding:7px 10px;background:var(--ink)}
+.code-copy-button{min-height:36px;padding:5px 12px;border:1px solid currentColor;border-radius:3px;background:transparent;color:var(--paper);font:600 .88rem/1.3 ui-sans-serif,system-ui,sans-serif;cursor:pointer}
+.code-copy-button:hover{background:var(--accent)}
+.code-copy-button:focus-visible{outline:3px solid #32745b;outline-offset:2px}
+.code-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+.post-content pre,.code-widget pre,.steps-widget pre{max-width:100%;overflow-x:hidden;overflow-y:visible;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;overscroll-behavior-inline:auto}
+.post-content pre code,.code-widget pre code,.steps-widget pre code{white-space:inherit;overflow-wrap:inherit;word-break:inherit}
+.pagination{flex-wrap:wrap;gap:12px}
+@media(max-width:620px){.post-toc{padding:14px}.code-copy-button{min-height:44px}.post-content pre,.code-widget pre,.steps-widget pre{padding:12px}}
+
+/* A contemporary studio palette: porcelain, berry, and apricot. */
+:root{--paper:#fff8f4;--panel:#fffdfb;--ink:#30202e;--muted:#705b6b;--line:#ead7df;--accent:#a12f50;--warm:#a85a0b}
+body{background:radial-gradient(ellipse at 88% 2%,#ffe5df 0,transparent 32%),var(--paper)}
+.intro,.hero-block,.cta-block{background:linear-gradient(125deg,#fffdfb 0%,#ffebe4 100%)}
+.page-section--soft,.error-page{background:#fff0ed}
+.page-section--accent{background:#ffe8d1}
+.page-section--dark{background:#352539}
+.steps-widget pre,.code-widget pre,.code-copy-block{background:#30202e}
+.table-widget th{background:#fae7e5}
+.notice-widget{background:#fff0ed}
+.notice-widget--warning{background:#fff0d7}
+.notice-widget--success{background:#eaf5ec}
+.code-copy-block pre{background:#30202e;color:#fff8f4}
+.code-copy-button:focus-visible{outline-color:var(--warm)}
+
+/* Shared EdgePress marks and SVG icons keep common navigation recognizable across themes. */
+.brand{display:inline-flex;align-items:center;gap:10px}
+.brand-mark{display:block;width:36px;height:36px;flex:0 0 auto;object-fit:contain}
+.primary-navigation a,.site-header nav a,.footer-navigation a{display:inline-flex;align-items:center;gap:.42em}
+.navigation-icon{display:block;width:1.05em;height:1.05em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
+.hero-aside{display:grid;align-content:center;justify-items:center;gap:16px;min-width:0}
+.hero-mascot{display:block;width:min(100%,230px);height:auto;max-height:220px;object-fit:contain;filter:drop-shadow(0 9px 13px #315e4922)}
+.hero-aside .hero-highlights{width:100%;align-self:stretch}
+.feature-icon{display:block;width:34px;height:34px;margin:0 0 10px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
+.latest-posts-pagination{justify-content:flex-start;gap:16px;margin-top:18px}
+.latest-posts-pagination a:last-child{margin-left:auto}

package/themes/atelier/layouts/partials/head.html

@@ -5,6 +5,8 @@
 <meta name="keywords" content="{{page.keywords}}">
 <meta name="author" content="{{site.seo.author}}">
 <title>{{page.title}}</title>
+<meta name="theme-color" content="#315e49">
+<link rel="icon" type="image/svg+xml" href="/edgepress/brand/edgepress-mark.svg">
 <link rel="canonical" href="{{page.canonical}}">
 <meta property="og:type" content="website">
 <meta property="og:title" content="{{page.title}}">
@@ -12,6 +14,9 @@
 <meta property="og:url" content="{{page.canonical}}">
 <meta property="og:image" content="{{page.image}}">
 <meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="{{page.title}}">
+<meta name="twitter:description" content="{{page.description}}">
+<meta name="twitter:image" content="{{page.image}}">
 <link rel="alternate" type="application/atom+xml" href="{{site.feedPath}}" title="{{site.feedLabel}}">
 <link rel="stylesheet" href="{{site.stylesheet}}">
 <script type="application/ld+json">{{{page.jsonLd}}}</script>

package/themes/atelier/layouts/partials/header.html

@@ -1,5 +1,5 @@
 <header class="site-header atelier-header {{site.headerClass}}">
-  <a class="brand {{site.brandClass}}" href="{{site.homePath}}">{{site.headerBrand}}</a>
+  <a class="brand {{site.brandClass}}" href="{{site.homePath}}"><img class="brand-mark" src="/edgepress/brand/edgepress-mark.svg" alt="" aria-hidden="true" width="36" height="36">{{site.headerBrand}}</a>
   <nav class="primary-navigation {{site.primaryNavigationClass}}" aria-label="{{site.mainNavigationLabel}}">{{{site.primaryNavigationHtml}}}</nav>
   <div class="locale-nav {{site.languageNavigationClass}}" role="group" aria-label="{{site.languageLabel}}">{{{site.localeLinksHtml}}}</div>
 </header>

package/themes/default/assets/style.css

@@ -154,4 +154,52 @@ main,.page-builder,.page-builder-row,.page-builder-cell,.post,.post-content,.pos
 @media(max-width:620px){.local-search-controls{align-items:stretch;flex-direction:column}.local-search-controls button{min-height:44px}.post-content pre,.code-widget pre,.steps-widget pre{padding:12px}}
 .locale-nav select{max-width:min(100%,13rem);padding:7px 30px 7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}
 .locale-nav select:focus-visible{outline:3px solid #cb774d;outline-offset:3px}
-@media(max-width:620px){.locale-nav select{min-height:42px;max-width:100%}}
+@media(max-width:620px){.locale-nav select{min-height:42px;max-width:100%}}
+
+/* Article contents and code tools use theme styling and wrap on narrow screens. */
+.post-toc{max-width:760px;margin:24px auto;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
+.post-toc h2{margin:0 0 8px;font-size:1.05rem;letter-spacing:0}
+.post-toc ol{margin:0;padding-inline-start:1.35rem}
+.post-toc li{padding:2px 0}
+.post-toc .post-toc-level-3{padding-inline-start:1rem}
+.post-toc .post-toc-level-4,.post-toc .post-toc-level-5,.post-toc .post-toc-level-6{padding-inline-start:2rem}
+.post-content h2[id],.post-content h3[id],.post-content h4[id],.post-content h5[id],.post-content h6[id]{scroll-margin-top:1rem}
+.code-copy-block{max-width:100%;margin:1.25em 0;border-radius:10px;overflow:hidden;background:#edf0ea}
+.code-copy-block pre{margin:0;border-radius:0}
+.code-copy-toolbar{display:flex;justify-content:flex-end;padding:7px 10px;background:var(--ink)}
+.code-copy-button{min-height:36px;padding:5px 12px;border:1px solid currentColor;border-radius:7px;background:transparent;color:var(--paper);font:600 .88rem/1.3 ui-sans-serif,system-ui,sans-serif;cursor:pointer}
+.code-copy-button:hover{background:var(--accent)}
+.code-copy-button:focus-visible{outline:3px solid #cb774d;outline-offset:2px}
+.code-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+.post-content pre,.code-widget pre,.steps-widget pre{max-width:100%;overflow-x:hidden;overflow-y:visible;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;overscroll-behavior-inline:auto}
+.post-content pre code,.code-widget pre code,.steps-widget pre code{white-space:inherit;overflow-wrap:inherit;word-break:inherit}
+.pagination{flex-wrap:wrap;gap:12px}
+@media(max-width:620px){.post-toc{padding:14px}.code-copy-button{min-height:44px}.post-content pre,.code-widget pre,.steps-widget pre{padding:12px}}
+
+/* A sharper editorial palette: cobalt ink, lilac surfaces, and citrus highlights. */
+:root{--paper:#f7f8ff;--panel:#fff;--ink:#171a35;--muted:#5e6480;--line:#dce0f2;--accent:#3945c6;--warm:#d94d3f}
+body{background:radial-gradient(ellipse at 92% 0%,#e9e9ff 0,transparent 33%),var(--paper)}
+.hero-block,.cta-block{background:linear-gradient(118deg,#e5e7ff 0%,#fff0dc 100%)}
+.page-section--soft,.error-page{background:#f0f1ff}
+.page-section--accent{background:#ffefd7}
+.page-section--dark{background:#211d49}
+.hero-highlights li{background:#ffffffd9;border-color:#ffffff}
+.steps-widget pre,.code-widget pre,.code-copy-block{background:#211d49}
+.table-widget th{background:#ededff}
+.notice-widget{background:#f0f1ff}
+.notice-widget--warning{background:#fff0dc}
+.notice-widget--success{background:#e7f7ef}
+.code-copy-block pre{background:#211d49;color:#f7f8ff}
+.code-copy-button:focus-visible,.local-search-form :focus-visible{outline-color:var(--warm)}
+
+/* Shared EdgePress marks and SVG icons keep common navigation recognizable across themes. */
+.brand{display:inline-flex;align-items:center;gap:10px}
+.brand-mark{display:block;width:36px;height:36px;flex:0 0 auto;object-fit:contain}
+.primary-navigation a,.site-header nav a,.footer-navigation a{display:inline-flex;align-items:center;gap:.42em}
+.navigation-icon{display:block;width:1.05em;height:1.05em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
+.hero-aside{display:grid;align-content:center;justify-items:center;gap:16px;min-width:0}
+.hero-mascot{display:block;width:min(100%,230px);height:auto;max-height:220px;object-fit:contain;filter:drop-shadow(0 9px 13px #315e4922)}
+.hero-aside .hero-highlights{width:100%;align-self:stretch}
+.feature-icon{display:block;width:34px;height:34px;margin:0 0 10px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
+.latest-posts-pagination{justify-content:flex-start;gap:16px;margin-top:18px}
+.latest-posts-pagination a:last-child{margin-left:auto}

package/themes/default/layouts/partials/head.html

@@ -5,6 +5,8 @@
 <meta name="keywords" content="{{page.keywords}}">
 <meta name="author" content="{{site.seo.author}}">
 <title>{{page.title}}</title>
+<meta name="theme-color" content="#315e49">
+<link rel="icon" type="image/svg+xml" href="/edgepress/brand/edgepress-mark.svg">
 <link rel="canonical" href="{{page.canonical}}">
 <meta property="og:type" content="website">
 <meta property="og:title" content="{{page.title}}">
@@ -14,6 +16,7 @@
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:title" content="{{page.title}}">
 <meta name="twitter:description" content="{{page.description}}">
+<meta name="twitter:image" content="{{page.image}}">
 <link rel="alternate" type="application/atom+xml" href="{{site.feedPath}}" title="{{site.feedLabel}}">
 <link rel="stylesheet" href="{{site.stylesheet}}">
 <script type="application/ld+json">{{{page.jsonLd}}}</script>

package/themes/default/layouts/partials/header.html

@@ -1,5 +1,5 @@
 <header class="site-header {{site.headerClass}}">
-  <a class="brand {{site.brandClass}}" href="{{site.homePath}}">{{site.headerBrand}}</a>
+  <a class="brand {{site.brandClass}}" href="{{site.homePath}}"><img class="brand-mark" src="/edgepress/brand/edgepress-mark.svg" alt="" aria-hidden="true" width="36" height="36">{{site.headerBrand}}</a>
   <nav class="primary-navigation {{site.primaryNavigationClass}}" aria-label="{{site.mainNavigationLabel}}">{{{site.primaryNavigationHtml}}}</nav>
   <div class="locale-nav {{site.languageNavigationClass}}" role="group" aria-label="{{site.languageLabel}}">{{{site.localeLinksHtml}}}</div>
 </header>

package/themes/signal/assets/style.css

@@ -110,4 +110,51 @@ main,.page-builder,.page-builder-row,.page-builder-cell,.post,.post-content,.pos
 @media(max-width:620px){.local-search-controls{align-items:stretch;flex-direction:column}.local-search-controls button{min-height:44px}.post-content pre,.code-widget pre,.steps-widget pre{padding:12px}}
 .locale-nav select{max-width:min(100%,13rem);padding:7px 30px 7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}
 .locale-nav select:focus-visible{outline:3px solid #cb774d;outline-offset:3px}
-@media(max-width:620px){.locale-nav select{min-height:42px;max-width:100%}}
+@media(max-width:620px){.locale-nav select{min-height:42px;max-width:100%}}
+
+/* Article contents and code tools use theme styling and wrap on narrow screens. */
+.post-toc{display:block;max-width:760px;margin:24px 0;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
+.post-toc h2{margin:0 0 8px;font-size:1.05rem;letter-spacing:0}
+.post-toc ol{margin:0;padding-inline-start:1.35rem}
+.post-toc li{padding:2px 0}
+.post-toc .post-toc-level-3{padding-inline-start:1rem}
+.post-toc .post-toc-level-4,.post-toc .post-toc-level-5,.post-toc .post-toc-level-6{padding-inline-start:2rem}
+.post-content h2[id],.post-content h3[id],.post-content h4[id],.post-content h5[id],.post-content h6[id]{scroll-margin-top:1rem}
+.code-copy-block{max-width:100%;margin:1.25em 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#20253a}
+.code-copy-block pre{margin:0;border-radius:0}
+.code-copy-toolbar{display:flex;justify-content:flex-end;padding:7px 10px;background:var(--ink)}
+.code-copy-button{min-height:36px;padding:5px 12px;border:1px solid currentColor;border-radius:7px;background:transparent;color:var(--paper);font:600 .88rem/1.3 ui-sans-serif,system-ui,sans-serif;cursor:pointer}
+.code-copy-button:hover{background:var(--accent)}
+.code-copy-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
+.code-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+.post-content pre,.code-widget pre,.steps-widget pre{max-width:100%;overflow-x:hidden;overflow-y:visible;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;overscroll-behavior-inline:auto}
+.post-content pre code,.code-widget pre code,.steps-widget pre code{white-space:inherit;overflow-wrap:inherit;word-break:inherit}
+.pagination{flex-wrap:wrap;gap:12px}
+@media(max-width:620px){.post-toc{padding:14px}.code-copy-button{min-height:44px}.post-content pre,.code-widget pre,.steps-widget pre{padding:12px}}
+
+/* A vivid night palette: ink blue, ultraviolet panels, and electric lime. */
+:root{--night:#101426;--panel:#1d223a;--ink:#f2f4ff;--muted:#aeb5ce;--line:#363d5b;--accent:#b7f36b;--warm:#ff9873}
+body{background:radial-gradient(ellipse at 14% 0%,#302052 0,transparent 38%),var(--night)}
+.post-card,.hero-block,.cta-block,.error-page{background:linear-gradient(140deg,#28203f,#1a2035)}
+.page-section--soft{background:#1d2740}
+.page-section--accent{background:#292942}
+.page-section--dark{background:#0b1020}
+.steps-widget pre,.code-widget pre,.code-copy-block{background:#0b1020}
+.table-widget th{background:#292d49}
+.notice-widget--warning{background:#332a35}
+.notice-widget--success{background:#1c342e}
+.code-copy-block pre{background:#0b1020;color:#f2f4ff}
+.local-search-controls button{color:var(--night)}
+.code-copy-button:focus-visible{outline-color:var(--warm)}
+
+/* Shared EdgePress marks and SVG icons keep common navigation recognizable across themes. */
+.brand{display:inline-flex;align-items:center;gap:10px}
+.brand-mark{display:block;width:36px;height:36px;flex:0 0 auto;object-fit:contain}
+.primary-navigation a,.site-header nav a,.footer-navigation a{display:inline-flex;align-items:center;gap:.42em}
+.navigation-icon{display:block;width:1.05em;height:1.05em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
+.hero-aside{display:grid;align-content:center;justify-items:center;gap:16px;min-width:0}
+.hero-mascot{display:block;width:min(100%,230px);height:auto;max-height:220px;object-fit:contain;filter:drop-shadow(0 9px 13px #315e4922)}
+.hero-aside .hero-highlights{width:100%;align-self:stretch}
+.feature-icon{display:block;width:34px;height:34px;margin:0 0 10px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
+.latest-posts-pagination{justify-content:flex-start;gap:16px;margin-top:18px}
+.latest-posts-pagination a:last-child{margin-left:auto}

package/themes/signal/layouts/partials/head.html

@@ -5,6 +5,8 @@
 <meta name="keywords" content="{{page.keywords}}">
 <meta name="author" content="{{site.seo.author}}">
 <title>{{page.title}}</title>
+<meta name="theme-color" content="#315e49">
+<link rel="icon" type="image/svg+xml" href="/edgepress/brand/edgepress-mark.svg">
 <link rel="canonical" href="{{page.canonical}}">
 <meta property="og:type" content="website">
 <meta property="og:title" content="{{page.title}}">
@@ -12,6 +14,9 @@
 <meta property="og:url" content="{{page.canonical}}">
 <meta property="og:image" content="{{page.image}}">
 <meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="{{page.title}}">
+<meta name="twitter:description" content="{{page.description}}">
+<meta name="twitter:image" content="{{page.image}}">
 <link rel="alternate" type="application/atom+xml" href="{{site.feedPath}}" title="{{site.feedLabel}}">
 <link rel="stylesheet" href="{{site.stylesheet}}">
 <script type="application/ld+json">{{{page.jsonLd}}}</script>

package/themes/signal/layouts/partials/header.html

@@ -1,5 +1,5 @@
 <header class="signal-header site-header {{site.headerClass}}">
-  <a class="brand {{site.brandClass}}" href="{{site.homePath}}"><span class="signal-mark" aria-hidden="true"></span>{{site.headerBrand}}</a>
+  <a class="brand {{site.brandClass}}" href="{{site.homePath}}"><img class="brand-mark" src="/edgepress/brand/edgepress-mark.svg" alt="" aria-hidden="true" width="36" height="36">{{site.headerBrand}}</a>
   <nav class="primary-navigation {{site.primaryNavigationClass}}" aria-label="{{site.mainNavigationLabel}}">{{{site.primaryNavigationHtml}}}</nav>
   <div class="locale-nav {{site.languageNavigationClass}}" role="group" aria-label="{{site.languageLabel}}">{{{site.localeLinksHtml}}}</div>
 </header>