@gjsify/adwaita-web 0.52.0 → 0.54.0

package/src/index.ts

@@ -5,6 +5,7 @@
 // SCSS partials at `@gjsify/adwaita-web/scss/...` for custom theming.
 // Reference: refs/libadwaita (colors/sizing), refs/adwaita-web (component patterns).
 
+import { followDesktopAppearance } from './appearance.js';
 import { ADWAITA_WEB_CSS } from './styles.generated.js';
 
 // NO font import here, and the absence is the decision. This line used to be
@@ -36,6 +37,13 @@ if (typeof document !== 'undefined' && !document.getElementById('adwaita-web-sty
     document.head.appendChild(style);
 }
 
+// The desktop's accent and colour scheme (ADR 0078): a server handoff in <meta> tags
+// or JSON, then the CSS system colour `AccentColor` once asked for, both below the
+// app's own `applyAdwaitaAccent`. Started on import like the stylesheet, so a
+// gjsify-served page that carries the tags needs no code at all. Browser-only and
+// idempotent.
+followDesktopAppearance();
+
 // Responsive breakpoints: the browser size source for `@gjsify/adwaita-core`'s
 // `AdwBreakpoint`, and the `breakpoint="…"` attribute wiring the split views use.
 export { addBreakpoints, bindBreakpointSetter } from './breakpoints.js';
@@ -51,6 +59,16 @@ export {
 } from './accent.js';
 export type { ApplyAccentOptions } from './accent.js';
 
+// Following the desktop's accent and colour scheme (ADR 0078); started on import, above.
+export {
+    adwaitaAccentSource,
+    applyDesktopAppearance,
+    applySystemAccent,
+    followDesktopAppearance,
+    readSystemAccent,
+} from './appearance.js';
+export type { AdwAccentSource } from './appearance.js';
+
 // GtkScrolledWindow's undershoot/overshoot indicators. `adw-toolbar-view` drives
 // this itself; exported so a consumer that owns its own chrome can shade a scroller
 // without one.

package/src/keyboard-operable.spec.ts

@@ -270,7 +270,7 @@ export const AdwKeyboardOperableTest = async () => {
                 // because `<adw-header-bar>` builds the section it goes in from its own
                 // `connectedCallback`. Without this the dialog measures as having no
                 // focusable control at all — which is also what its initial focus sees,
-                // ledgered in status/open-todos.md.
+                // ledgered in status/open-todos/README.md.
                 await Promise.resolve();
 
                 const surface = modal.surface(el);
@@ -620,7 +620,7 @@ export const AdwKeyboardOperableTest = async () => {
             // inside and Left/Right propagates, so the axis has to follow the attribute.
             //
             // Prose cannot hold that: this line fails the commit that adds it.
-            // `<adw-inline-view-switcher>` has the same gap (status/open-todos.md).
+            // `<adw-inline-view-switcher>` has the same gap (status/open-todos/README.md).
             // `active-name` joined the list without touching the axis: it picks a toggle.
             expect([...AdwToggleGroup.observedAttributes]).toStrictEqual(['active', 'active-name', 'flat', 'round']);
         });
@@ -632,7 +632,7 @@ export const AdwKeyboardOperableTest = async () => {
             // entry, and this is the line that fails when it stops being true — the first
             // disabled toggle is otherwise a `focus()` the browser refuses, with nothing
             // in the walk to step over it. Grow this list and add the filter and its spec
-            // in the same change (status/open-todos.md, `<adw-toggle>` has no `enabled`).
+            // in the same change (status/open-todos/README.md, `<adw-toggle>` has no `enabled`).
             expect([...AdwToggle.observedAttributes]).toStrictEqual(['label', 'icon-name']);
         });
 

package/src/source-view/theme.ts

@@ -34,8 +34,20 @@ import {
  * and a `.monospace` label on the SAME page rendered in DIFFERENT typefaces.
  * `_variables.scss` is where that stack is argued about (it explains why
  * 'Cantarell' is dropped from it), so it is where it lives.
+ *
+ * The repeat is still a SECOND COPY, and a copy of a value the conformance rule
+ * CAN see is the failure this constant was created to end — a tail edited in one
+ * place and not the other is an editor in one typeface and a label beside it in
+ * another, which is the same bug one argument shorter. It is a `var()` FALLBACK,
+ * so the token wins whenever the stylesheet is loaded and this only answers for a
+ * page that loaded the element without the theme. Nothing enforces the agreement:
+ * `stylesheet-font-families` reads `.css`/`.scss`, and reaching a TS string literal
+ * would make it a JS parser, which its own header rules out. So it stays a step of
+ * the same edit, and `status/open-todos/adwaita-web.md` § "`<adw-source-view>` has
+ * no browser suite" is where the missing check is tracked.
  */
-const MONO_FONT = "var(--monospace-font-family, 'Adwaita Mono', ui-monospace, 'SF Mono', 'Menlo', monospace)";
+const MONO_FONT =
+    "var(--monospace-font-family, 'Adwaita Mono', ui-monospace, 'SF Mono', 'Cascadia Code', 'Consolas', 'Menlo', monospace)";
 
 /** The CodeMirror EditorView theme mapping `.cm-*` chrome to Adwaita tokens. */
 export const adwaitaEditorTheme = EditorView.theme({