@atelic-action/ui 0.6.0 → 0.6.1

package/README.md

@@ -77,7 +77,10 @@ lockup reads "atelic × <their mark>", the sender's wordmark and run first, a
 quiet times sign, then the recipient's mark at wordmark height. Cut the mark
 for the surface the header wears (a light mark for the dark bar) and keep it
 an image; the chrome draws no second wordmark. A marketing site's lockup
-passes no recipient.
+passes no recipient. The run after the wordmark reads `--brand-accent` when
+the theme sets it (a client branded host pins the sender's orange there) and
+falls back to `--primary` (0.6.1), and the recipient's mark sits at the same
+30 pixel height as the sender's.
 
 The menu is a native `<dialog>` opened with `showModal()`, so Escape, focus containment, and focus return come from the browser.
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atelic-action/ui",
-	"version": "0.6.0",
+	"version": "0.6.1",
 	"description": "Shared UI for the Atelic templates: site chrome, base styles, and the component library they install",
 	"type": "module",
 	"license": "UNLICENSED",

package/src/styles/chrome.css

@@ -30,7 +30,10 @@
 		height: 2px;
 		margin-left: 0.38em;
 		vertical-align: middle;
-		background: linear-gradient(90deg, var(--primary), transparent);
+		/* The run is the sender's, so it reads the brand accent a client
+		   branded host pins (GATE.md, Branding an artifact host) and falls
+		   back to the primary on a site wearing its own palette. */
+		background: linear-gradient(90deg, var(--brand-accent, var(--primary)), transparent);
 	}
 	/* The glyph tile mark (logo.tile): the favicon's design as real DOM text,
 	   so the brand webfont renders it, which an SVG loaded through an img
@@ -112,7 +115,9 @@
 		margin: 0 2px;
 	}
 	.mkt .nav-logo .nav-recipient {
-		height: 22px;
+		/* Matches the sender's mark, so a square recipient mark reads at the
+		   same size as the sender's would; a wide wordmark simply runs longer. */
+		height: 30px;
 		width: auto;
 		display: block;
 	}