Add dark theme toggle #35
@ -48,6 +48,10 @@ a:hover {
|
|||||||
|
|
||||||
|
|
||||||
.page-link {
|
.page-link {
|
||||||
|
--bs-pagination-disabled-bg: var(--bs-body-bg);
|
||||||
|
--bs-pagination-disabled-color: var(--bs-body-color);
|
||||||
|
}
|
||||||
|
.page-link, .page-padding {
|
||||||
color: #b50707;
|
color: #b50707;
|
||||||
font-family: 'Coda', sans-serif;
|
font-family: 'Coda', sans-serif;
|
||||||
}
|
}
|
||||||
@ -58,6 +62,15 @@ a:hover {
|
|||||||
background-color: #990b0b;
|
background-color: #990b0b;
|
||||||
border-color: #a40d0d;
|
border-color: #a40d0d;
|
||||||
}
|
}
|
||||||
|
[data-bs-theme=dark] .page-link,
|
||||||
|
[data-bs-theme=dark] .page-padding{
|
||||||
|
color: #ae473c;
|
||||||
|
}
|
||||||
|
[data-bs-theme=dark] .active > .page-link, .page-link.active {
|
||||||
|
background-color: #4a0e0e;
|
||||||
|
border-color: #5b5a5a;
|
||||||
|
color: #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.pagination {
|
.pagination {
|
||||||
|
Loading…
Reference in New Issue
Block a user