Cette modification ajuste les améliorations précédentes pour la personnalisation
des couleurs en se concentrant uniquement sur les fichiers `app/public/css/style.css`
et `app/public/css/dark-mode.css`, conformément à vos retours.
Changements apportés :
1. Fichier `src/styles/globals.css` :
- Restauré à son état d'origine (suppression du commentaire précédemment ajouté).
2. Fichier `app/public/css/style.css`:
- Un commentaire a été ajouté en haut du fichier pour expliquer comment
personnaliser les couleurs en surchargeant les variables CSS.
- Plusieurs couleurs précédemment codées en dur ont été remplacées par
des variables CSS. Cela inclut les styles pour :
- `.logout-button`
- `.success-message`, `.error-message` (fonds et bordures)
- `tr:hover` (survol des lignes de tableau)
- `.certificate-entry` (bordure)
- `.app-footer` (fond et texte)
- `tr.revoked-cert` (texte, fond, survol)
3. Fichier `app/public/css/dark-mode.css`:
- Les nouvelles variables CSS introduites dans `style.css` ont été
définies avec des valeurs appropriées pour le thème sombre.
- La valeur alpha du `box-shadow` pour les inputs en focus a été
corrigée pour correspondre à la valeur d'origine (`0.25`).
- Les blocs de style spécifiques pour `.app-footer` et `tr.revoked-cert`
(et son `:hover`) qui dupliquaient la gestion des couleurs via les
variables n'ont pas été réintroduits.
Ces modifications visent à rendre la personnalisation des thèmes plus
robuste et mieux documentée pour la partie CSS classique de l'application.
Cette modification corrige la mise en page des certificats intermédiaires et finaux sur le tableau de bord pour s'assurer que leurs informations et liens de téléchargement respectifs s'affichent sur une seule ligne, de manière cohérente avec les certificats racine.
Modifications apportées :
1. **HTML (`app/src/Views/dashboard/index.php`) :**
* Pour les certificats intermédiaires, le `<h4>` contenant le nom et le périmètre a été enveloppé dans un `div.certificate-info`. Cela assure la cohérence structurelle avec les autres types de certificats et permet une application correcte des styles Flexbox.
2. **CSS (`app/public/css/style.css`) :**
* Ajout d'une règle `.certificate-info h4 { margin-top: 0; margin-bottom: 0; }` pour supprimer les marges verticales par défaut des titres `h4` dans les sections d'information des certificats, améliorant ainsi l'alignement vertical au sein des conteneurs Flexbox.
* Les styles Flexbox existants pour `.certificate-entry`, `.certificate-info`, et `.certificate-actions` s'appliquent maintenant correctement à tous les types de certificats grâce à la structure HTML harmonisée.
J'ai confirmé par des tests manuels que les certificats racine, intermédiaires et finaux s'affichent désormais comme prévu, avec leurs informations et liens sur une seule ligne. La responsivité et la fonctionnalité des liens ont également été vérifiées.
Ajuste plusieurs variables CSS dans style.css pour augmenter
la lisibilité en mode clair, en réponse à vos retours.
Modifications principales :
- Assombrit --header-bg et --table-header-bg pour un meilleur contraste
avec le texte blanc.
- Ajuste --button-primary-bg, --button-primary-hover-bg,
--button-secondary-bg, et --button-secondary-hover-bg
pour améliorer la lisibilité du texte blanc sur les boutons.
