Browse Source
fileserver: Browse listing supports dark mode (#4066)
* Add dark color scheme media query
* Theme search box, make everything less contrasting
* Further contrast tweaks
master
rai
4 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
49 additions and
0 deletions
-
modules/caddyhttp/fileserver/browsetpl.go
|
@ -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()'> |
|
|