From 1d478b5db3ecf6fdc810b51dbb2782be9728545c Mon Sep 17 00:00:00 2001
From: Willy Hsiao <33928963+superjeng1@users.noreply.github.com>
Date: Sat, 23 Nov 2019 17:45:48 +0800
Subject: [PATCH] Created a dark theme for index.html (#71)
---
index.html | 50 ++++++++++++++++++++++++++++++++++++++++++++++----
1 file changed, 46 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index d96f252..0e82496 100644
--- a/index.html
+++ b/index.html
@@ -15,12 +15,25 @@
}
pre {
font-family: "Monaco", "Menlo", "Consolas", "Courier New", monospace;
+ white-space: pre-wrap; /* Since CSS 2.1 */
+ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
+ white-space: -pre-wrap; /* Opera 4-6 */
+ white-space: -o-pre-wrap; /* Opera 7 */
+ word-wrap: break-word;
}
body {
margin-left: auto;
margin-right: auto;
max-width: 80%;
- margin-bottom: 20px;
+ margin-bottom: 10px;
+ }
+ a {
+ background: #e3e3e3;
+ text-decoration: none;
+ color: #000;
+ }
+ a:hover, active {
+ background: #d7d7d7;
}
.ip {
border: 1px solid #cbcbcb;
@@ -28,9 +41,38 @@
font-size: 36px;
padding: 6px;
}
+ svg.github-corner {
+ fill: #151513;
+ color: #fff;
+ }
.footer {
- border-top: 1px solid #eee;
- background: rgb(250, 250, 250) !important;
+ margin-top: 34px;
+ border-top: 1px solid #cbcbcb;
+ }
+ @media (prefers-color-scheme: dark) {
+ html, .pure-g [class *= "pure-u"], a {
+ background-color: #161719;
+ color:#d8d9da;
+ text-decoration: none;
+ }
+ .ip {
+ border: 1px solid #313233;
+ background: #212223;
+ }
+ .footer {
+ color: #8e8e8e !important;
+ border-top: 1px solid #313233;
+ }
+ a {
+ background: #313233;
+ }
+ a:hover, active {
+ background: #3d3e3f;
+ }
+ svg.github-corner {
+ fill: #f8f9fa;
+ color: #161719;
+ }
}
@@ -139,7 +181,7 @@ $ http {{ .Host }}/port/8080
Yes, the source code and documentation is available on GitHub.
-
+
{{ if or .Country .City .ASN .ASNOrg }}