From 5b5d32d97ace35ea0c9dbeea219be04ec2c837ca Mon Sep 17 00:00:00 2001 From: bruno Date: Thu, 29 Oct 2026 23:09:27 -0400 Subject: [PATCH] Kanbante 0.45.3 : barre v0.1.11, marque monochrome, anneau avatar (static/css/draco-barre.css) --- static/css/draco-barre.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/static/css/draco-barre.css b/static/css/draco-barre.css index fd1033b..08d574a 100644 --- a/static/css/draco-barre.css +++ b/static/css/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; }