TechnoLibre/gestion_table_tournante_libre
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
gestion_table_tournante_libre/src/interface/jetons.css

159 lines
5.4 KiB
CSS
Raw Normal View History

[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
/* © 2026 TechnoLibre (http://www.technolibre.ca)
License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl) */
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
/* Jetons de l'interface, un seul fichier (§ 13.3) : couleurs, polices,
échelle typographique, espacements, rayons, ombres. Les composants ne lisent
que ces jetons ; aucune couleur n'est écrite ailleurs.
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
Deux thèmes, posés par l'attribut data-theme de <html>, que l'application
règle (§ 19.2) : :root[data-theme='clair'] et :root[data-theme='sombre']
définissent les mêmes jetons de couleur ; sans attribut, le clair
s'applique, son bloc portant aussi le sélecteur :root. Le sélecteur du
sombre est plus spécifique que :root seul : posé, il l'emporte. La feuille
ne lit pas la préférence du système.
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
La palette se valide par calcul (§ 12.7, § 14.5) : marques.js nomme, pour
chaque marque porteuse d'information et chaque texte, le jeton qui la peint
et ceux sur lesquels elle se peint ; palette.js mesure 3:1 pour une marque,
4,5:1 pour un texte, dans les deux thèmes, en couleurs d'origine puis sous
les trois dichromaties. Aucun jeton de texte ou de marque n'a de canal
alpha : la couleur relue dans le style calculé est alors la couleur peinte.
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
[ADD] plan: one hue and pattern per conflict rule, legend, appartenance The plan drew every conflict in one hue, so a table that seats colleagues together looked like one where people meet again. Each active rule now has its own reserved hue and pattern: same appartenance hatched one way, met again hatched the other, back at a table dotted; rules on one table overlap, the badge keeps the total. A legend from the view bar shows each active rule's sample. A table's tooltip names the appartenance that brings a pair together. The hues are validated by computation in both themes and the spec (7.5, 12.7) follows. Checked: 2848 node, 580 browser tests. --- FR --- [ADD] plan : une teinte et une trame par règle, légende, appartenance Le plan dessinait tout conflit d'une seule teinte : une table qui réunit des collègues ressemblait à une table où des gens se revoient. Chaque règle active a sa teinte réservée et sa trame : même appartenance hachurée dans un sens, voisins revus dans l'autre, table revue en pointillé ; les règles d'une table se superposent, la pastille garde le total. Une légende dans la barre de vue montre l'échantillon de chaque règle active. L'infobulle nomme l'appartenance qui réunit une paire. Teintes validées par calcul dans les deux thèmes ; spec § 7.5, § 12.7. Vérifié : 2848, 580. Assisted-by: Claude Opus 5.5
2026-10-08 04:33:43 -04:00
Trois teintes sont réservées aux conflits (§ 7.5, § 12.7), une par règle
que le plan localise : --couleur-conflit-appartenance (séparer les
appartenances), --couleur-conflit-voisins (nouveaux voisins) et
--couleur-conflit-table (nouvelle table). Chacune ne peint que la trame de
sa règle ; tout autre jeton chromatique se tient à 30° au moins de chacune,
et aucun ne porte la valeur de l'une. Elles se distinguent entre elles et
des autres marques du plan sous les trois dichromaties (SEPARATIONS,
marques.js), et tiennent 3:1 sur le fond du plateau, qui borde leurs
traits. Le contour épaissi d'une table en conflit, commun aux trois, est
de l'encre forte du plan, --couleur-contour-fort.
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
La hachure d'une place à pourvoir peint des traits --couleur-hachure sur le
fond de la chaise, --couleur-chaise-fond : ce sont ses deux couleurs. */
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
:root {
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
--police-interface: system-ui, sans-serif;
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
/* Échelle typographique, du plus petit au plus grand. */
--taille-texte-petit: 0.8125rem;
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
--taille-texte-bandeau: 0.9375rem;
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
--taille-texte: 1rem;
--taille-titre: 1.25rem;
--taille-titre-grand: 1.5rem;
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
--espace-1: 0.25rem;
--espace-2: 0.5rem;
--espace-3: 0.75rem;
--espace-4: 1rem;
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
--espace-5: 1.5rem;
--espace-6: 2rem;
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
--rayon-1: 0.25rem;
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
--rayon-2: 0.5rem;
/* Ombres : une couleur opaque par thème, --couleur-ombre. */
--ombre-1: 0 1px 2px var(--couleur-ombre);
--ombre-2: 0 2px 6px var(--couleur-ombre);
}
:root,
:root[data-theme='clair'] {
color-scheme: light;
/* Page. */
--couleur-page-fond: #f6f7f9;
--couleur-page-texte: #1c2128;
--couleur-page-texte-secondaire: #4b5563;
--couleur-page-filet: #c3c9d1;
--couleur-ombre: #b4bcc6;
/* Bandeau d'application. */
--couleur-bandeau-fond: #172b47;
--couleur-bandeau-texte: #ffffff;
--couleur-bandeau-filet: #8fb3d9;
/* Cadre de mode (§ 8.4). */
--couleur-cadre-lecture: #5c6878;
--couleur-cadre-ecriture: #2e7d32;
--couleur-cadre-bloque: #7b3fa0;
/* Messages. */
--couleur-refus: #6a1b9a;
--couleur-avis: #7a5000;
/* Désignation. Le focus, la sélection, la mise en évidence et le fantôme
passent sur une chaise vide comme sur une chaise pleine : leur clarté se
tient entre le fond et le plein de la chaise, à 3:1 de chacun. */
--couleur-focus: #8269e1;
--couleur-selection: #1a66f0;
--couleur-mise-en-evidence: #00897b;
/* Plan : sol, mobilier, marques. */
--couleur-sol: #eceef1;
--couleur-table-fond: #ffffff;
--couleur-table-trait: #4a5059;
--couleur-chaise-fond: #ffffff;
--couleur-chaise-trait: #4a5059;
--couleur-chaise-pleine: #1f1f1f;
--couleur-hachure: #1f1f1f;
--couleur-marque: #767676;
[ADD] plan: one hue and pattern per conflict rule, legend, appartenance The plan drew every conflict in one hue, so a table that seats colleagues together looked like one where people meet again. Each active rule now has its own reserved hue and pattern: same appartenance hatched one way, met again hatched the other, back at a table dotted; rules on one table overlap, the badge keeps the total. A legend from the view bar shows each active rule's sample. A table's tooltip names the appartenance that brings a pair together. The hues are validated by computation in both themes and the spec (7.5, 12.7) follows. Checked: 2848 node, 580 browser tests. --- FR --- [ADD] plan : une teinte et une trame par règle, légende, appartenance Le plan dessinait tout conflit d'une seule teinte : une table qui réunit des collègues ressemblait à une table où des gens se revoient. Chaque règle active a sa teinte réservée et sa trame : même appartenance hachurée dans un sens, voisins revus dans l'autre, table revue en pointillé ; les règles d'une table se superposent, la pastille garde le total. Une légende dans la barre de vue montre l'échantillon de chaque règle active. L'infobulle nomme l'appartenance qui réunit une paire. Teintes validées par calcul dans les deux thèmes ; spec § 7.5, § 12.7. Vérifié : 2848, 580. Assisted-by: Claude Opus 5.5
2026-10-08 04:33:43 -04:00
--couleur-contour-fort: #2b2f36;
--couleur-conflit-appartenance: #8f1d14;
--couleur-conflit-voisins: #c0189f;
--couleur-conflit-table: #6a9400;
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
--couleur-pastille-fond: #2b2f36;
--couleur-pastille-texte: #ffffff;
--couleur-poignee: #4a5059;
--couleur-gel: #1565c0;
--couleur-liste-texte: #1c2128;
--couleur-echelle: #1c2128;
--couleur-fantome: #b040f0;
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
}
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
:root[data-theme='sombre'] {
color-scheme: dark;
--couleur-page-fond: #121519;
--couleur-page-texte: #e3e6ea;
--couleur-page-texte-secondaire: #a3acb8;
--couleur-page-filet: #3a414b;
--couleur-ombre: #000000;
--couleur-bandeau-fond: #1d2c3f;
--couleur-bandeau-texte: #f2f4f7;
--couleur-bandeau-filet: #5b7fa6;
--couleur-cadre-lecture: #9aa5b4;
--couleur-cadre-ecriture: #81c784;
--couleur-cadre-bloque: #ce93d8;
--couleur-refus: #d7a6f0;
--couleur-avis: #f0c060;
--couleur-focus: #8764e1;
--couleur-selection: #4070f0;
--couleur-mise-en-evidence: #00897b;
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
--couleur-sol: #1a1d21;
--couleur-table-fond: #262b31;
--couleur-table-trait: #9aa3ae;
--couleur-chaise-fond: #15181c;
--couleur-chaise-trait: #b0b8c2;
--couleur-chaise-pleine: #e8e8e8;
--couleur-hachure: #ededed;
--couleur-marque: #7a7a7a;
[ADD] plan: one hue and pattern per conflict rule, legend, appartenance The plan drew every conflict in one hue, so a table that seats colleagues together looked like one where people meet again. Each active rule now has its own reserved hue and pattern: same appartenance hatched one way, met again hatched the other, back at a table dotted; rules on one table overlap, the badge keeps the total. A legend from the view bar shows each active rule's sample. A table's tooltip names the appartenance that brings a pair together. The hues are validated by computation in both themes and the spec (7.5, 12.7) follows. Checked: 2848 node, 580 browser tests. --- FR --- [ADD] plan : une teinte et une trame par règle, légende, appartenance Le plan dessinait tout conflit d'une seule teinte : une table qui réunit des collègues ressemblait à une table où des gens se revoient. Chaque règle active a sa teinte réservée et sa trame : même appartenance hachurée dans un sens, voisins revus dans l'autre, table revue en pointillé ; les règles d'une table se superposent, la pastille garde le total. Une légende dans la barre de vue montre l'échantillon de chaque règle active. L'infobulle nomme l'appartenance qui réunit une paire. Teintes validées par calcul dans les deux thèmes ; spec § 7.5, § 12.7. Vérifié : 2848, 580. Assisted-by: Claude Opus 5.5
2026-10-08 04:33:43 -04:00
--couleur-contour-fort: #e6e8eb;
--couleur-conflit-appartenance: #fc9890;
--couleur-conflit-voisins: #c0689c;
--couleur-conflit-table: #549c00;
[ADD] interface: colour tokens, two themes, checked palette, marks The plan's colours carry meaning — a conflict, a reservation, a mode — so they must stay readable for every reader and in both themes. jetons.css defines the tokens for the light and dark themes, set by data-theme on the root; palette.js reads them from the stylesheet text and checks, by computation, contrast to WCAG and separation under the three dichromacies, keeping the conflict hue reserved. The theme follows the system at each start and the operator's choice lasts the session. Checked: 1709 node and 43 browser tests. --- FR --- [ADD] interface : jetons de couleur, deux thèmes, palette, marques Les couleurs du plan portent un sens — un conflit, une réservation, un mode — et doivent rester lisibles pour tout lecteur et dans les deux thèmes. jetons.css définit les jetons des thèmes clair et sombre, posés par data-theme sur la racine ; palette.js les lit dans le texte de la feuille et contrôle, par calcul, le contraste au sens des WCAG et la séparation sous les trois dichromaties, la teinte du conflit restant réservée. Le thème suit le système à chaque démarrage ; le choix de l'opérateur vaut pour la séance. Vérifié : 1709 node et 43 navigateur. Assisted-by: Claude Opus 5.5
2026-10-07 02:33:12 -04:00
--couleur-pastille-fond: #e6e8eb;
--couleur-pastille-texte: #15181c;
--couleur-poignee: #c5ccd6;
--couleur-gel: #90caf9;
--couleur-liste-texte: #e3e6ea;
--couleur-echelle: #e3e6ea;
--couleur-fantome: #b040f0;
[ADD] skeleton: Capacitor web app that shows its dated version The engine to come must be proven against oracles under node in seconds, so the skeleton sets three test projects: node, watched; node-long; and a real Chromium that reads computed styles in both themes. The version lives in version.json alone; a check refuses eight divergences — technical form, generated module, changelog head, stray version strings — and a build guard keeps test files and fixture assets out of the bundle. Checked: on this commit alone, 73 node tests, 7 browser tests and the version check pass; the guard fails on a fixture joined as an asset. --- FR --- [ADD] squelette : application web Capacitor qui affiche sa version datée Le moteur à venir doit s'éprouver contre des oracles sous node en quelques secondes : le squelette pose trois projets d'épreuve — node, sous surveillance ; node-long ; et un vrai Chromium qui lit le style calculé dans les deux thèmes. La version vit dans version.json seul ; un contrôle refuse huit divergences — forme technique, module engendré, tête du changelog, chaînes de version égarées — et une garde de construction tient fichiers et données d'épreuve hors du paquet. Vérifié : sur ce commit seul, 73 épreuves node, 7 navigateur et le contrôle de version passent ; la garde échoue sur une donnée jointe. Assisted-by: Claude Opus 5.5
2026-10-05 13:13:13 -04:00
}
Reference in a new issue Copy permalink