fix output color when bg is dark, add customizable font-size for output

hyperglass/configuration/__init__.py

@@ -455,6 +455,9 @@ def params():
     branding["font"]["mono"]["url"] = config["branding"]["font"]["mono"].get(
         "url", "https://fonts.googleapis.com/css?family=Fira+Mono"
     )
+    branding["font"]["mono"]["size"] = config["branding"]["font"]["mono"].get(
+        "size", "0.95em"
+    )
     params_dict = dict(
         general=general, branding=branding, features=features, messages=messages
     )

hyperglass/render/templates/hyperglass.scss

@@ -7,6 +7,8 @@
 $family-sans-serif: "{{ branding["font"]["primary"]["name"] }}", sans-serif;
 $family-monospace: "{{ branding["font"]["mono"]["name"] }}", monospace;
 
+$code-size: {{ branding["font"]["mono"]["size"] }};
+
 /* Color Changes */
 $body-background-color: {{ branding["color"]["background"] }};
 $footer-background-color: transparent;

hyperglass/static/sass/custom/custom_elements.sass

@@ -81,7 +81,8 @@ a.navbar-item:hover
 
 .query-output
   font-family: $family-monospace
-  font-size: 0.95em
+  font-size: $code-size
+  color: $dark !important
   width: 100%
   -webkit-overflow-scrolling: touch
   overflow-x: auto