Tips-Of-Mine/gestion-certificats2
2
0
Fork 0
mirror of https://github.com/tips-of-mine/gestion-certificats2.git synced 2025-06-28 12:48:42 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

12
app/public/css/style.css
View File

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

1
app/src/Views/shared/header.php
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">
</head>
<body class="<?= htmlspecialchars($darkModeClass) ?>">
<!-- DEBUG DARK MODE CLASS: <?= htmlspecialchars($darkModeClass) ?> -->
<header class="app-header">
<div class="header-content container">
<div class="app-title">