diff options
author | rai <gabriel2012688@gmail.com> | 2021-03-19 18:41:02 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-03-19 11:41:02 -0600 |
commit | a48c6205b79c80ec28eb791d144275da8669dc6e (patch) | |
tree | 13512a259f4347630c2b262d01593080ded78792 | |
parent | 28a4159933bee9a01a47740456487670cb0766bb (diff) |
fileserver: Browse listing supports dark mode (#4066)
* Add dark color scheme media query
* Theme search box, make everything less contrasting
* Further contrast tweaks
-rw-r--r-- | modules/caddyhttp/fileserver/browsetpl.go | 49 |
1 files changed, 49 insertions, 0 deletions
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 + } +} </style> </head> <body onload='initFilter()'> |