Style: Améliore le contraste des couleurs en mode clair

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.
This commit is contained in:
google-labs-jules[bot]
2025-06-14 18:36:16 +00:00
parent 98e931e3f9
commit 0e9e41eb80
2 changed files with 6 additions and 7 deletions

View File

@ -4,19 +4,19 @@
--text-color: #333; --text-color: #333;
--container-bg: #fff; --container-bg: #fff;
--container-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); --container-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
--header-bg: #0056b3; --header-bg: #004a99;
--header-text: #fff; --header-text: #fff;
--nav-bg: #e2e2e2; --nav-bg: #e2e2e2;
--nav-link-color: #0056b3; --nav-link-color: #0056b3;
--nav-link-hover-bg: #d1d1d1; --nav-link-hover-bg: #d1d1d1;
--table-border-color: #ddd; --table-border-color: #ddd;
--table-header-bg: #0056b3; --table-header-bg: #004a99;
--table-header-text: #fff; --table-header-text: #fff;
--table-row-even-bg: #f2f2f2; --table-row-even-bg: #f2f2f2;
--button-primary-bg: #007bff; --button-primary-bg: #0056b3;
--button-primary-hover-bg: #0056b3; --button-primary-hover-bg: #004a99;
--button-secondary-bg: #6c757d; --button-secondary-bg: #5a6268;
--button-secondary-hover-bg: #5a6268; --button-secondary-hover-bg: #495057;
--button-danger-bg: #dc3545; --button-danger-bg: #dc3545;
--button-danger-hover-bg: #bd2130; --button-danger-hover-bg: #bd2130;
--status-revoked-color: red; --status-revoked-color: red;

View File

@ -13,7 +13,6 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head> </head>
<body class="<?= htmlspecialchars($darkModeClass) ?>"> <body class="<?= htmlspecialchars($darkModeClass) ?>">
<!-- DEBUG DARK MODE CLASS: <?= htmlspecialchars($darkModeClass) ?> -->
<header class="app-header"> <header class="app-header">
<div class="header-content container"> <div class="header-content container">
<div class="app-title"> <div class="app-title">