Contour des pions blancs plus sombre en thème clair ; recette des pions du joueur

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

tests/browser/recette.mjs

@@ -236,16 +236,26 @@ export async function checkerContrasts(target) {
  * partout ») : là où un pion de l'ordinateur ne se détache pas de son fond
  * par sa couleur (moins de 3:1 : sur la barre, les flèches sombres, le fond
  * sombre), son contour s'en détache à 3:1 au moins (guide de marque :
- * contours porteurs de sens à 3:1). contrasts : le résultat de
- * checkerContrasts. Renvoie la liste des écarts, décrits (vide si tout va
- * bien).
+ * contours porteurs de sens à 3:1). Et (« Pions du joueur lisibles
+ * partout ») : en thème clair, le contour d'un pion du joueur atteint 3:1 sur
+ * les flèches en chêne et sur le fond. contrasts : le résultat de
+ * checkerContrasts ; theme : « light » ou « dark ». Renvoie la liste des
+ * écarts, décrits (vide si tout va bien).
  */
-export function checkerContrastProblems(contrasts) {
+export function checkerContrastProblems(contrasts, theme) {
     const problems = new Set();
     for (const c of contrasts) {
         if (c.side === "computer" && c.fill < 3 && c.edge < 3) {
             problems.add(`pion de l'ordinateur sur ${c.on} (${c.board}) : contour à ${c.edge.toFixed(2)}:1`);
         }
+        if (
+            c.side === "player" &&
+            theme === "light" &&
+            (c.on === "flèche paire" || c.on === "fond") &&
+            c.edge < 3
+        ) {
+            problems.add(`pion du joueur sur ${c.on} (${c.board}) : contour à ${c.edge.toFixed(2)}:1`);
+        }
     }
     return [...problems];
 }

tests/browser/retours-joueurs.mjs

@@ -163,7 +163,7 @@ async function checkScreen(page, theme, name, selector, settle = async () => {})
         check(numbers.length === 0, `${where} : numéros : ${numbers.join(", ")}`);
         const measured = await checkerContrasts(page);
         check(measured.length > 0, `${where} : aucun pion mesuré`);
-        const low = checkerContrastProblems(measured);
+        const low = checkerContrastProblems(measured, theme);
         check(low.length === 0, `${where} : ${low.join(", ")}`);
         contrasts[theme].push(...measured);
         if (full) {

web/app.css

@@ -82,7 +82,7 @@
   --point-b: #c9ae88;
   --point-number: #f3ead8;
   --checker-player: #fafaf7;
-  --checker-player-edge: #6e6e69;
+  --checker-player-edge: #55554f;
   --checker-computer: #1c1c1c;
   --checker-computer-edge: #b5b5b0;
   --count-player: #1c1c1c;