71 lines
1.9 KiB
CSS
71 lines
1.9 KiB
CSS
/* Style trybu ciemnego – stosujemy je tylko, gdy body ma klasę dark-mode */
|
||
body.dark-mode {
|
||
background-color: #121212;
|
||
color: #e0e0e0;
|
||
}
|
||
body.dark-mode footer {
|
||
background-color: #1e1e1e !important;
|
||
}
|
||
/* Tabele – style ciemnego motywu */
|
||
body.dark-mode .table {
|
||
color: #e0e0e0;
|
||
background-color: #1e1e1e;
|
||
border: 1px solid #444;
|
||
}
|
||
body.dark-mode .table th,
|
||
body.dark-mode .table td {
|
||
border: 1px solid #444;
|
||
}
|
||
body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
|
||
background-color: #2e2e2e;
|
||
}
|
||
body.dark-mode .table-striped tbody tr:nth-of-type(even) {
|
||
background-color: #1e1e1e;
|
||
}
|
||
body.dark-mode .table thead {
|
||
background-color: #333;
|
||
color: #e0e0e0;
|
||
}
|
||
/* Karty */
|
||
body.dark-mode .card {
|
||
background-color: #1e1e1e;
|
||
color: #e0e0e0;
|
||
border-color: #333;
|
||
}
|
||
/* Formularze */
|
||
body.dark-mode .form-control,
|
||
body.dark-mode .form-select {
|
||
background-color: #2e2e2e;
|
||
color: #e0e0e0;
|
||
border: 1px solid #444;
|
||
}
|
||
body.dark-mode .form-control:focus,
|
||
body.dark-mode .form-select:focus {
|
||
background-color: #2e2e2e;
|
||
color: #e0e0e0;
|
||
border-color: #777;
|
||
box-shadow: none;
|
||
}
|
||
/* Przycisk Wyloguj – solidny przycisk, by był czytelny */
|
||
.btn-logout {
|
||
color: #fff;
|
||
}
|
||
|
||
/* Zmniejszenie rozmiaru czcionki w navbarze */
|
||
.navbar {
|
||
font-size: 0.9rem; /* zmniejszony rozmiar czcionki */
|
||
}
|
||
|
||
/* Sprytne odwracanie kolorow dla svg */
|
||
html[data-bs-theme="dark"] .mikrotik-logo {
|
||
filter: invert(1);
|
||
}
|
||
html[data-bs-theme="dark"] .linux-logo {
|
||
filter: invert(1);
|
||
}
|
||
|
||
.progress-bar {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
} |