@casoon/pages-theme 0.12.6 → 0.12.8

package/README.md

@@ -270,6 +270,11 @@ to it as well.
   in `fonts/OFL.txt`), no CDNs, embeds, analytics or cookies.
 - JavaScript: two small inline scripts (theme before first paint; theme toggle and copy
   buttons). Tabs work without JavaScript. The one exception is a `Demo` stage, see above.
-- Footer on every page: "Ein Projekt von CASOON · Jörn Seidel", licence, Impressum and
-  Datenschutz (casoon.de), the project catalog on casoon.dev.
+- Footer on every page, in the site's language (`lang`): "A CASOON project · Jörn Seidel",
+  licence, imprint and privacy policy (casoon.de), the project catalog on casoon.dev.
 - Light and dark theme, following `prefers-color-scheme` until the visitor chooses.
+
+## Maintaining
+
+Development, releases, the rollout to all project sites and setting up a new one:
+[MAINTAINING.md](MAINTAINING.md).

package/layouts/Base.astro

@@ -26,10 +26,12 @@ const home = Astro.site && new URL(url(), Astro.site).href;
 const ogImage = Astro.site && new URL(url('og.png'), Astro.site).href;
 const sameAs = [config.website, ...config.packages.map((p) => p.href)].filter(Boolean);
 
+// tokens.css sets --accent with the same selectors and is linked after this inline style, so the
+// selectors repeat :root to outrank it whatever the order in <head> (scripts/test-accent.mjs).
 const accentCss = config.accent
-  ? `:root{--accent:${config.accent.light}}` +
-    `:root[data-theme="dark"]{--accent:${config.accent.dark}}` +
-    `@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--accent:${config.accent.dark}}}`
+  ? `:root:root{--accent:${config.accent.light}}` +
+    `:root:root[data-theme="dark"]{--accent:${config.accent.dark}}` +
+    `@media (prefers-color-scheme:dark){:root:root:not([data-theme="light"]){--accent:${config.accent.dark}}}`
   : '';
 
 const structuredData = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@casoon/pages-theme",
-  "version": "0.12.6",
+  "version": "0.12.8",
   "description": "Shared Astro theme for the GitHub Pages sites of CASOON open-source projects",
   "type": "module",
   "license": "MIT",
@@ -44,6 +44,15 @@
     "withastro",
     "casoon"
   ],
+  "scripts": {
+    "dev": "pnpm --filter starter-site dev",
+    "build": "pnpm --filter starter-site build",
+    "preview": "pnpm --filter starter-site preview",
+    "check": "biome check .",
+    "check:fix": "biome check --write .",
+    "type-check": "pnpm --filter starter-site type-check",
+    "test:accent": "node scripts/test-accent.mjs"
+  },
   "peerDependencies": {
     "astro": "^7.3.2"
   },
@@ -54,5 +63,11 @@
   "publishConfig": {
     "access": "public",
     "provenance": true
-  }
+  },
+  "devDependencies": {
+    "@axe-core/playwright": "^4.14.0",
+    "@biomejs/biome": "^2.6.4",
+    "@playwright/test": "^1.64.1"
+  },
+  "packageManager": "pnpm@10.26.0"
 }

package/styles/tokens.css

@@ -1,6 +1,6 @@
 /*
- * Design tokens. Brand colours follow casoon.de,
- * adjusted for 4.5:1 text contrast on the page background.
+ * Design tokens. Brand colours follow casoon.de, adjusted for 4.5:1 text contrast on the
+ * page background and on the sand bands (--bg-deep, --bg-sunken).
  * --brand carries CASOON, --accent carries the project (override via the
  * integration's `accent` option).
  */
@@ -19,9 +19,9 @@
   --text: #44423f;
   --heading: #11100e;
   --muted: #5c5a56;
-  --brand: #c13a1a;
+  --brand: #ad3216;
   --brand-soft: rgb(236 74 32 / 0.1);
-  --accent: #c13a1a;
+  --accent: #ad3216;
   --accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);
   --accent-fill: #d4421d;
   --accent-top: #e46140;