Findings — Audit technique

Variables CSS existantes (lignes 9-14)

--bg:#0b0b14  --bg2:#111120  --bg3:#181828  --bg4:#20203a
--border:#2a2a45  --text:#dddaf8  --muted:#6868a0
--ser:#c060ff  --end:#f0bf30  --mat:#28c8f0  --amour:#ff5070  --xp:#ffa040
--ok:#28e888  --warn:#ff9820  --r:10px

La majorité du CSS utilise déjà var(), mais il y a ~320 occurrences de couleurs inline dans le JS (rgb/rgba dans les templates littéraux). Les couleurs de jauges (--ser, --end, etc.) devront rester saturées même en mode clair.

Progression enclos — données disponibles

enclosGlobalState(enc) retourne {globalMax, allDone, started, el, ddDone}.

ddDone / enc.dragodindes.length = % progression simple
Fonctionne déjà, juste pas affiché visuellement sur les tabs

Timer pause — détection retard

enc.timer.pausedAt = timestamp de mise en pause
Date.now() - enc.timer.pausedAt = durée de pause en ms
Seuil suggéré : 5 minutes (300 000 ms)

Raccourcis clavier

Aucun listener keyboard existant
Attention aux inputs focus : vérifier document.activeElement.tagName !== 'INPUT'

Animations

Transitions CSS existent sur tabs, gauges, pills (partielles)
Aucune transition de contenu (#enclos-content) lors du changement d'onglet

1.3 KiB Raw Blame History