Alliance-Boreale/Set-OPS-Public
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Thème account Keycloak : lisibilité (texte clair, contraste)

Browse source 
Remonte les variables de couleur PatternFly atténuées (v5/v6/générique :
Color--200, text--color--subtle...) + force titres/labels/aides en clair,
pour que le contenu de la console de compte soit lisible sur fond aurore.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Daniel Allaire 2026-07-04 09:50:03 -04:00
parent 0419114755
commit c785e41520
1 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
roles/serveur_keycloak/files/themes/alliance-boreale/account/resources/css/account.css
View file

@ -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,