diff --git a/src/listing.html b/src/listing.html
index 27c20b6..e91cf9e 100644
--- a/src/listing.html
+++ b/src/listing.html
@@ -16,7 +16,8 @@
--item-link: initial;
--link-hover-bg: #DDE;
--sort: seagreen;
- --search-bg: background-color: rgba(255, 255, 255, 0.9);
+ --search-bg: rgba(255, 255, 255, 0.9);
+ --thumbnail-bg: var(--odd-child);
}
@media (prefers-color-scheme: dark) {
:root {
@@ -162,6 +163,7 @@
margin-bottom: 0;
outline: none;
background-color: var(--search-bg);
+ border: 1px solid #ddd;
}
.image-grid {
@@ -186,6 +188,7 @@
aspect-ratio: 1 / 1;
background-size: cover;
background-position: center center;
+ background-color: var(--thumbnail-bg);
}
.thumbnail:hover {
border: 1px solid white;