25 lines
1.4 KiB
Markdown
25 lines
1.4 KiB
Markdown
|
# 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 `<head>`).
|
||
|
|
|
||
|
|
## 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`.
|