mirror of
https://github.com/tips-of-mine/gestion-certificats2.git
synced 2025-06-28 15:08:42 +02:00
58 lines
1.6 KiB
CSS
58 lines
1.6 KiB
CSS
/* Styles pour le mode sombre */
|
|
body.dark-mode {
|
|
--bg-color: #2c2c2c;
|
|
--text-color: #e0e0e0;
|
|
--container-bg: #3a3a3a;
|
|
--container-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
|
|
--header-bg: #1a4d7c;
|
|
--header-text: #f0f0f0;
|
|
--nav-bg: #444;
|
|
--nav-link-color: #9cb3cc;
|
|
--nav-link-hover-bg: #555;
|
|
--table-border-color: #555;
|
|
--table-header-bg: #1a4d7c;
|
|
--table-header-text: #fff;
|
|
--table-row-even-bg: #333;
|
|
--button-primary-bg: #0056b3;
|
|
--button-primary-hover-bg: #004085;
|
|
--button-secondary-bg: #5a6268;
|
|
--button-secondary-hover-bg: #43484f;
|
|
--button-danger-bg: #a71d2a;
|
|
--button-danger-hover-bg: #7a151f;
|
|
--status-revoked-color: #ff6666;
|
|
--status-active-color: #66ff66;
|
|
--message-success-color: #a3e6a3;
|
|
--message-error-color: #ff9999;
|
|
--input-border: #666;
|
|
--input-focus-border: #007bff;
|
|
}
|
|
|
|
body.dark-mode .app-footer {
|
|
background-color: #1a1a1a;
|
|
color: #ccc;
|
|
}
|
|
|
|
body.dark-mode tr.revoked-cert {
|
|
background-color: #5c2c2c; /* Fond plus foncé pour le mode sombre */
|
|
color: #aaa;
|
|
}
|
|
body.dark-mode tr.revoked-cert:hover {
|
|
background-color: #703c3c;
|
|
}
|
|
|
|
/* Spécifiques pour les inputs en mode sombre */
|
|
body.dark-mode form input[type="text"],
|
|
body.dark-mode form input[type="password"],
|
|
body.dark-mode form select {
|
|
background-color: #4a4a4a;
|
|
color: var(--text-color);
|
|
border: 1px solid var(--input-border);
|
|
}
|
|
|
|
body.dark-mode form input[type="text"]:focus,
|
|
body.dark-mode form input[type="password"]:focus,
|
|
body.dark-mode form select:focus {
|
|
border-color: var(--input-focus-border);
|
|
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.4);
|
|
}
|