@gjsify/adwaita-web 0.64.2-next.252 → 0.64.2-next.255

package/src/split-button.spec.ts

@@ -20,7 +20,7 @@ import {
 import { ADW_MENU_SURFACE_WEB, flattenMenu, menuRefusals } from '@gjsify/adwaita-core';
 import type { SplitButtonProperty } from '@gjsify/adwaita-core';
 import type { AdwSplitButton } from './elements/adw-split-button.js';
-import { fallbackMask, maskOf } from './icon-registry.spec.js';
+import { fallbackMask, maskOf } from './icon-masks.spec.js';
 
 /** The GObject properties the element re-emits as `notify::*` CustomEvents. */
 const NOTIFY_PROPERTIES: readonly SplitButtonProperty[] = [

package/src/style-manager.spec.ts

@@ -6,6 +6,7 @@ import { STYLE_MANAGER_VECTORS, driveStyleManagerVectors, type AdwStyleLike } fr
 import { describe, expect, it } from '@gjsify/unit';
 
 import * as Adw from './namespace/adw.js';
+import { webStyleSource } from './style-manager.js';
 
 export const StyleManagerTest = async () => {
     const root = document.documentElement;
@@ -26,6 +27,18 @@ export const StyleManagerTest = async () => {
             { describe, it, expect },
         );
         await describe('adwaita-web: Adw.StyleManager door', async () => {
+            await it('system_supports_color_schemes is true where prefers-color-scheme is known', () => {
+                expect(Adw.StyleManager.get_default().system_supports_color_schemes).toBe(true);
+            });
+            await it('a browser that matches neither scheme does not support them', () => {
+                const real = globalThis.matchMedia;
+                globalThis.matchMedia = ((query: string) => ({ matches: false, media: query })) as never;
+                try {
+                    expect(webStyleSource.supportsColorSchemes?.()).toBe(false);
+                } finally {
+                    globalThis.matchMedia = real;
+                }
+            });
             await it('has a vector row for every vector', () => {
                 expect(STYLE_MANAGER_VECTORS.length > 0).toBe(true);
             });

package/src/style-manager.ts

@@ -2,6 +2,8 @@
 // on the root outranks `prefers-color-scheme` (ADR 0078, `isAdwaitaDark`). The behaviour is the
 // core's (`style-manager.ts`); this file is the SOURCE: the root's `class` attribute and the media
 // query are the two things that can flip it. Without a `document` (SSR) it is light and never changes.
+// The system supports color schemes when the browser knows `prefers-color-scheme`: then one of its
+// two values matches; a browser without the feature matches neither.
 
 import { ColorScheme, StyleManagerBase, type StyleSource } from '@gjsify/adwaita-core';
 
@@ -20,6 +22,10 @@ export const webStyleSource: StyleSource = {
             observer.disconnect();
         };
     },
+    supportsColorSchemes() {
+        const matches = (query: string) => globalThis.matchMedia?.(query).matches === true;
+        return matches('(prefers-color-scheme: dark)') || matches('(prefers-color-scheme: light)');
+    },
 };
 
 // FORCE_DARK / FORCE_LIGHT write the same root class an app writes by hand; DEFAULT takes it away.