updated logging, added theming, added settings button

static/css/style.css

@@ -120,6 +120,7 @@
 }
 
 .clean {
+    margin-top: 30px;
     max-width: 775px;
 }
 
@@ -556,7 +557,7 @@ hr {
     left: 0;
     right: 0;
     z-index: 2;
-    border: 2px solid var(--search-bg-input-border);
+    border: 1px solid var(--search-bg-input-border);
 }
 
 .wrapper input {
@@ -689,7 +690,8 @@ hr {
 }
 
 .kno_wiki_show {
-    display: initial !important;
+  display: initial !important;
+  border-radius: 6px;
 }
 
 .open-in-new-tab * {
@@ -796,6 +798,7 @@ form.torrent-sort {
     transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
     border: 1px solid var(--border);
     border-radius: 10px;
+    top: 24px;
 }
 
 .search-menu h2 {
@@ -1164,7 +1167,7 @@ p {
     background-color: inherit;
     font-size: 14px;
     font-family: 'Inter';
-    margin-right: 10px;
+    margin-right: 14px;
     color: var(--search-button);
     margin-top: 72px;
     padding-bottom: 11px;
@@ -1218,6 +1221,10 @@ p {
     margin-top: -2px;
 }
 
+.link {
+    color: var(--link);
+}
+
 .results a:visited h3,
 .result_sublink a:visited h3 {
     color: var(--link-visited);
@@ -1236,6 +1243,7 @@ p {
 .results p,
 .result_sublink p {
     margin-top: 0px;
+    color: var(--font-fg);
 }
 
 .results a,
@@ -1245,6 +1253,7 @@ p {
 .result_sublink a:hover,
 .result_sublink a:visited {
     text-decoration: none;
+    /* color: #ebecf7; */
     font-size: 14px;
 }
 
@@ -1287,6 +1296,12 @@ p {
     font-size: 22px;
 }
 
+.wiki_known_for {
+  margin: 0px;
+  font-weight: normal;
+  margin-bottom: 10px;
+}
+
 .snip img {
     float: right;
     max-width: 30%;
@@ -1295,8 +1310,7 @@ p {
     margin-left: 10px;
 }
 
-.snip a {
-    display: block;
+.snip .wiki_link {
     margin-top: 10px;
     text-decoration: none;
     color: var(--link);
@@ -1310,6 +1324,28 @@ p {
     text-decoration: underline;
 }
 
+.snip .about {
+  font-size: 18px;
+  margin-top: 10px;
+  margin-bottom: 5px;
+}
+
+.factpoint {
+  color: var(--fg);
+  font-weight: bold;
+  vertical-align: text-top;
+  text-align: left;
+  padding-right: 14px;
+}
+
+.fact a {
+  color: var(--link);
+  text-decoration: none;
+}
+.fact a:visited {
+  color: var(--link-visited);
+}
+
 .snipp {
     padding: 10px;
     border-bottom: 1px solid var(--border);
@@ -1690,7 +1726,7 @@ body, h1, p, a, input, button {
         margin-top: 0px;
         top: 0px;
         left: 0px;
-        background-color: var(--search-bg);
+        /* background-color: var(--search-bg); */
     }
 
     .mobile-none {
@@ -1860,8 +1896,7 @@ body, h1, p, a, input, button {
         color: var(--link) !important;
     }
 }
-
-/* Variables for light theme */
+/* 
 :root {
     --background-color: #ffffff;
     --text-color: #000000;
@@ -1890,7 +1925,6 @@ body, h1, p, a, input, button {
     --box-shadow: #00000020; 
 }
 
-/* Styles for dark theme */
 @media (prefers-color-scheme: dark) {
     :root {
         --background-color: #202124;
@@ -1919,4 +1953,4 @@ body, h1, p, a, input, button {
         --green: #8ab4f8;
         --box-shadow: #ffffff20; 
     }
-}
+} */