mirror of
https://github.com/caddyserver/caddy.git
synced 2024-12-28 14:43:48 +03:00
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:
parent
28a4159933
commit
a48c6205b7
1 changed files with 49 additions and 0 deletions
|
@ -226,6 +226,55 @@ footer {
|
||||||
max-width: 100px;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body onload='initFilter()'>
|
<body onload='initFilter()'>
|
||||||
|
|
Loading…
Reference in a new issue