diff --git a/CHANGELOG.md b/CHANGELOG.md index 2a88717..4ef44d1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,7 +6,7 @@ Format basé sur [Keep a Changelog](https://keepachangelog.com/fr/1.1.0/), et [Semantic Versioning](https://semver.org/spec/v2.0.0.html). > **En cours de développement** : les changements à venir sont listés dans la section -> [Unreleased](#unreleased). La dernière version livrée est **2.82.6**. +> [Unreleased](#unreleased). La dernière version livrée est **2.82.7**. --- @@ -14,6 +14,11 @@ et [Semantic Versioning](https://semver.org/spec/v2.0.0.html). --- +## [2.82.7] — 2026-10-29 + +- **Barre commune (dracodev-commons v0.1.11 vendangée)** : la marque de la barre n'est plus le logo rouge — c'est l'étoile Spark monochrome (`frontend/img/brand-spark.png`, servi en `/static/img/brand-spark.png`, 26 px), blanche sur barre foncée et noire sur barre claire : ObsiGate pose déjà `data-theme` sur `` (sombre par défaut, mode persisté), donc la règle vendangée `[data-theme="dark"] .draco-bar .draco-brand-mark img { filter: none; }` s'applique directement et aucune surcharge propre n'est nécessaire. L'onglet Console Spark (et son entrée de menu, qui le clone) GARDE le logo rouge. Le bouton avatar Spark flottant bas-centre gagne un anneau rouge `#c00000` (bordure 3 px, `var(--agent)`), via le CSS vendangé. +- **Pages concernées** : la barre est rendue en ligne dans `frontend/index.html` et dans sa copie de `frontend/recherche.html` — les deux sont portées à la v0.1.11 ; `frontend/draco-barre.css` remplacé verbatim par la v0.1.11, `frontend/draco-barre.js` inchangé (identique à commons, lui-même inchangé en v0.1.11). Le reste de l'intégration est inchangé. Précision : sur `/recherche`, copie statique, le bouton flottant y est visuel seulement, comme au lot précédent — l'ouverture du panneau vit dans la SPA. + ## [2.82.6] — 2026-10-29 - **Barre commune (dracodev-commons v0.1.10 vendangée)** : le rose Spark `#c2437e` disparaît de la barre — `--agent` passe au rouge Spark `#c00000` (échantillonné dans le logo Spark), l'onglet Console Spark passe à `--app #c00000`, et la marque ✦ devient le logo Spark (26 px). Le bouton « Spark » rose de la barre est supprimé, remplacé par le bouton avatar Spark flottant bas-centre (cercle personnage, `frontend/img/avatar-spark.png`, servi en `/static/img/avatar-spark.png`, `data-act="spark"` → panneau Spark de l'hôte, comme l'ancien bouton). Le bouton Alertes n'affiche plus que la cloche (pastille conservée), donc une barre plus étroite. diff --git a/VERSION b/VERSION index d7f6dfe..a81dc0b 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -2.82.6 +2.82.7 diff --git a/frontend/draco-barre.css b/frontend/draco-barre.css index fd1033b..08d574a 100644 --- a/frontend/draco-barre.css +++ b/frontend/draco-barre.css @@ -10,6 +10,8 @@ v0.1.10 : rose --agent → rouge Spark #c00000 ; marque = logo Spark ; bouton Spark supprimé (remplacé par l'avatar flottant bas-centre) ; Alertes icône seule. + v0.1.11 : marque = étoile Spark monochrome (blanche barre foncée, + noire barre claire) ; anneau rouge #c00000 autour de l'avatar flottant. Jetons repris du prototype validé Console v7.2. Thème : clair par défaut, sombre via [data-theme="dark"] sur ou prefers-color-scheme si l'app intégratrice ne force rien. */ @@ -41,7 +43,14 @@ .draco-brand:hover { background: var(--surface-2); } .draco-brand:focus-visible { outline: 2px solid var(--agent); outline-offset: 2px; } .draco-brand-mark { line-height: 0; } -.draco-brand-mark img { width: 26px; height: 26px; border-radius: 8px; object-fit: cover; display: block; } +/* Marque monochrome v0.1.11 : étoile blanche extraite du logo rouge, + fond transparent — noire sur barre claire (filtre), blanche sur + barre foncée (filtre annulé par les règles thème ci-dessous). */ +.draco-brand-mark img { width: 26px; height: 26px; object-fit: cover; display: block; filter: brightness(0); } +@media (prefers-color-scheme: dark) { + .draco-bar .draco-brand-mark img { filter: none; } +} +[data-theme="dark"] .draco-bar .draco-brand-mark img { filter: none; } /* Menu des applications — construit par le JS depuis les onglets */ .draco-apps-menu { @@ -156,7 +165,7 @@ border-radius: 50%; background: transparent; cursor: pointer; box-shadow: 0 8px 28px rgb(0 0 0 / .45); } -.draco-spark-flottant img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; display: block; } +.draco-spark-flottant img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; display: block; box-sizing: border-box; border: 3px solid var(--agent); } .draco-spark-flottant:hover { transform: translateX(-50%) scale(1.05); } .draco-spark-flottant:focus-visible { outline: 2px solid var(--agent); outline-offset: 3px; } diff --git a/frontend/img/brand-spark.png b/frontend/img/brand-spark.png new file mode 100644 index 0000000..0aa5a23 Binary files /dev/null and b/frontend/img/brand-spark.png differ diff --git a/frontend/index.html b/frontend/index.html index 35f05b4..0423d73 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -268,7 +268,7 @@