mirror of
https://github.com/tips-of-mine/gestion-certificats2.git
synced 2025-06-28 18:38:42 +02:00
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:
@ -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;
|
||||||
|
@ -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">
|
||||||
|
Reference in New Issue
Block a user