fileserver: Browse listing supports dark mode (#4066)

* Add dark color scheme media query

* Theme search box, make everything less contrasting

* Further contrast tweaks
This commit is contained in:
rai 2021-03-19 18:41:02 +01:00 committed by GitHub
parent 28a4159933
commit a48c6205b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -226,6 +226,55 @@ footer {
max-width: 100px;
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: #101010;
color: #dddddd;
}
header {
background-color: #151515;
}
tbody tr:hover {
background-color: #252525;
}
header a,
th a {
color: #dddddd;
}
a {
color: #5796d1;
text-decoration: none;
}
a:hover,
h1 a:hover {
color: #62b2fd;
}
tr {
border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
}
#up-arrow,
#down-arrow {
fill: #dddddd;
}
#filter {
background-color: #151515;
color: #ffffff;
border: 1px solid #212121;
}
.meta {
border-bottom: 1px solid #212121
}
}
</style>
</head>
<body onload='initFilter()'>