# Thème Keycloak — Alliance Boréale Identité visuelle de l'Alliance (aurore boréale + constellation) pour les pages **login** et la **console de compte** de Keycloak. ``` login/ theme.properties (parent=keycloak) + css/alliance.css + js/constellation.js + img/logo.svg account/ theme.properties (parent=keycloak.v3) + css/account.css + js/constellation.js ``` C'est un **calque CSS/JS** posé sur la structure PatternFly de Keycloak — pas une refonte. ## À savoir avant d'éditer - **Cache** : en lab, `serveur_keycloak_theme_cache: false` sert le CSS en `no-cache`. Sinon Keycloak le marque « immuable » → le navigateur garde l'ancien même en `Ctrl+Shift+R` (utiliser une fenêtre privée). - **Login** : structure serveur-rendue, sélecteurs `.login-pf-page` / `.pf-c-*` — thémable finement. - **Compte** : SPA React (PatternFly). Résiste au CSS ; on cible variables + sélecteurs `.pf-c-*`/`.pf-v5-*`. Pour cibler juste : F12 → inspecter l'élément → utiliser sa vraie classe. - **Constellation** : `js/constellation.js` s'initialise sur `DOMContentLoaded` (script injecté dans ``). ## Compatibilité MAJ Keycloak Ce calque dépend des classes PatternFly et des thèmes parents (`keycloak`, `keycloak.v3`). Une MAJ majeure de Keycloak peut les changer → **vérifier le rendu login + compte après un bump de version** et retoucher au besoin. Détails : `roles/serveur_keycloak/README.md`.