diff --git a/roles/serveur_keycloak/files/themes/alliance-boreale/account/resources/css/account.css b/roles/serveur_keycloak/files/themes/alliance-boreale/account/resources/css/account.css index 4ee37ca..47800f8 100644 --- a/roles/serveur_keycloak/files/themes/alliance-boreale/account/resources/css/account.css +++ b/roles/serveur_keycloak/files/themes/alliance-boreale/account/resources/css/account.css @@ -6,16 +6,36 @@ :root, html { --ab-ink: #e9ecff; --ab-cyan: #56c2ff; - --pf-v5-global--Color--100: #e9ecff; - --pf-v5-global--link--Color: #56c2ff; + /* Texte clair et LISIBLE — on remonte aussi les couleurs "atténuées" (titres/labels pâles). */ + --pf-v5-global--Color--100: #eef1ff; + --pf-v5-global--Color--200: #c2cbef; + --pf-v5-global--Color--light-100: #eef1ff; + --pf-v5-global--link--Color: #6cc6ff; --pf-v5-global--primary-color--100: #56c2ff; - --pf-global--Color--100: #e9ecff; - --pf-global--link--Color: #56c2ff; + --pf-global--Color--100: #eef1ff; + --pf-global--Color--200: #c2cbef; + --pf-global--link--Color: #6cc6ff; --pf-global--primary-color--100: #56c2ff; + /* PatternFly 6 (jetons "semantic") au cas où le SPA l'utilise. */ + --pf-t--global--text--color--regular: #eef1ff; + --pf-t--global--text--color--subtle: #c2cbef; + --pf-t--global--text--color--on-dark: #eef1ff; --pf-v5-global--FontFamily--text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", Arial, sans-serif; } +/* ---------- Lisibilité : forcer un texte clair (titres, labels, aides) ---------- */ +.pf-v5-c-title, .pf-c-title, +.pf-v5-c-content, .pf-c-content, +.pf-v5-c-form__label, .pf-c-form__label, +.pf-v5-c-form__label-text, .pf-c-form__label-text, +.pf-v5-c-form__group-label, .pf-c-form__group-label, +h1, h2, h3, h4, legend, label, .pf-v5-c-jump-links__link-text { + color: #eef1ff !important; +} +.pf-v5-c-form__helper-text, .pf-c-form__helper-text, +.pf-v5-u-color-200, .pf-u-color-200, small { color: #c2cbef !important; } + /* ---------- Fond aurore : on efface le fond par défaut du SPA ---------- */ html, body { height: 100%; color: var(--ab-ink); background: #05060f !important; } #app, main,