Some further dark-mode fixes, added toggle to homepage

- Homepage toggle especially useful for not-logged-in users since they
do not have a dropdown.
This commit is contained in:
Dan Brown
2020-04-12 19:06:34 +01:00
parent b80b6ed942
commit 88dfb40c63
8 changed files with 31 additions and 17 deletions

View File

@ -167,8 +167,8 @@ header .search-box {
@include smaller-than($l) {
header .header-links {
@include lightDark(background-color, #fff, #333);
display: none;
background-color: #FFF;
z-index: 10;
right: $-m;
border-radius: 4px;
@ -180,19 +180,18 @@ header .search-box {
display: block;
}
}
header .links a, header .dropdown-container ul li a {
header .links a, header .dropdown-container ul li a, header .dropdown-container ul li button {
text-align: start;
display: block;
padding: $-s $-m;
color: $text-dark;
fill: $text-dark;
@include lightDark(color, $text-dark, #eee);
svg {
margin-inline-end: $-s;
}
&:hover {
background-color: #EEE;
color: #444;
fill: #444;
@include lightDark(background-color, #eee, #333);
@include lightDark(color, #000, #fff);
text-decoration: none;
}
}

View File

@ -581,6 +581,8 @@ ul.pagination {
@include lightDark(color, #555, #eee);
fill: currentColor;
white-space: nowrap;
line-height: 1.6;
cursor: pointer;
&:hover, &:focus {
text-decoration: none;
background-color: var(--color-primary-light);