From a48c6205b79c80ec28eb791d144275da8669dc6e Mon Sep 17 00:00:00 2001 From: rai Date: Fri, 19 Mar 2021 18:41:02 +0100 Subject: fileserver: Browse listing supports dark mode (#4066) * Add dark color scheme media query * Theme search box, make everything less contrasting * Further contrast tweaks --- modules/caddyhttp/fileserver/browsetpl.go | 49 +++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) (limited to 'modules/caddyhttp') diff --git a/modules/caddyhttp/fileserver/browsetpl.go b/modules/caddyhttp/fileserver/browsetpl.go index f3fe36f..6957509 100644 --- a/modules/caddyhttp/fileserver/browsetpl.go +++ b/modules/caddyhttp/fileserver/browsetpl.go @@ -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 + } +} -- cgit v1.2.3