69 lines
1.3 KiB
CSS
69 lines
1.3 KiB
CSS
body {
|
|
transition: background-color 0.4s, color 0.4s;
|
|
}
|
|
|
|
.transition-theme {
|
|
background-color: #f8f9fa;
|
|
color: #212529;
|
|
}
|
|
|
|
.transition-theme.dark-mode {
|
|
background-color: #121212;
|
|
color: #e9ecef;
|
|
}
|
|
|
|
.dark-mode .bg-body-tertiary {
|
|
background-color: #1e1e1e !important;
|
|
}
|
|
|
|
.dark-mode .form-control,
|
|
.dark-mode .form-label {
|
|
background-color: #2c2c2c;
|
|
color: #e9ecef;
|
|
border-color: #444;
|
|
}
|
|
|
|
.dark-mode .form-control::placeholder {
|
|
color: #bbb;
|
|
}
|
|
|
|
.dark-mode .alert-success {
|
|
background-color: #224422;
|
|
color: #cfc;
|
|
border-color: #3d3;
|
|
}
|
|
|
|
.dark-mode .alert-danger {
|
|
background-color: #441111;
|
|
color: #fbb;
|
|
border-color: #e33;
|
|
}
|
|
/* Style dla motywu jasnego (domyślne) */
|
|
.transition-theme {
|
|
transition: all 0.3s ease;
|
|
background-color: #ffffff;
|
|
color: #212529;
|
|
border-color: #dee2e6;
|
|
}
|
|
|
|
/* Style dla motywu ciemnego */
|
|
body.dark-mode .transition-theme {
|
|
background-color: #2d2d2d;
|
|
color: #f8f9fa;
|
|
border-color: #444;
|
|
}
|
|
|
|
body.dark-mode .list-group-item.transition-theme {
|
|
background-color: #2d2d2d;
|
|
color: #f8f9fa;
|
|
border-color: #444;
|
|
}
|
|
|
|
body.dark-mode .text-muted.transition-theme {
|
|
color: #adb5bd !important;
|
|
}
|
|
|
|
body.dark-mode .card.transition-theme {
|
|
background-color: #2d2d2d;
|
|
border-color: #444;
|
|
} |