body {
background-color: #ffffff;
color: #000000; transition: background-color 0.3s, color 0.3s;
} body.dark-mode {
background-color: #121212 !important; } body.dark-mode a {
color: #81d4fa !important;
} body.dark-mode button,
body.dark-mode input[type="button"],
body.dark-mode input[type="submit"] {
background-color: #444 !important;
color: white !important;
} body.dark-mode a:hover {
color: #ff4081 !important;
} body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
background-color: #333 !important;
color: white !important;
border: 1px solid #444 !important;
} body.dark-mode nav,
body.dark-mode .navbar {
background-color: #1e1e1e !important;
color: white !important;
} body.dark-mode footer {
background-color: #1e1e1e !important;
color: white !important;
} body {
transition: background-color 0.5s, color 0.5s, all 0.3s ease;
} button.ldt-toggle {
position: fixed;
bottom: 20px; left: 20px; padding: 5px 10px;
background-color: #444;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
font-size: 14px;
z-index: 99999; }
button.ldt-toggle:hover {
background-color: #888;
}