mirror of
https://github.com/PhoenixTwoFive/karaoqueue.git
synced 2025-07-03 00:31:43 +02:00
Add Dark Mode
This commit is contained in:
@ -74,4 +74,56 @@ table td:first-child {
|
||||
.admincontrols {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
body {
|
||||
background-color: #121212;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: #232323;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
background-color: #121212;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
background-color: #121212;
|
||||
color: #f5f5f5;
|
||||
border-color: #232323;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
background-color: #121212;
|
||||
color: #f5f5f5;
|
||||
border-color: #232323;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: #343434;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
background-color: #343434;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
|
||||
.table td, .table th {
|
||||
border-color: #232323;
|
||||
}
|
||||
|
||||
.table thead th {
|
||||
border-color: #232323;
|
||||
}
|
||||
|
||||
.close {
|
||||
color: #f5f5f5;
|
||||
}
|
||||
|
||||
}
|
Reference in New Issue
Block a user