From f0bff83fa048042354dededf4f44294b2c2732ec Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 9 Oct 2019 15:42:15 +0530
Subject: [PATCH] :zap: Better monospace font

---
 assets/css/fonts.scss       |  2 +-
 assets/css/styles.scss      | 15 ++++++++-------
 components/autocomplete.vue |  2 +-
 pages/websocket.vue         |  2 +-
 4 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/assets/css/fonts.scss b/assets/css/fonts.scss
index 82b09e3e3..3a04e5fcf 100644
--- a/assets/css/fonts.scss
+++ b/assets/css/fonts.scss
@@ -1,2 +1,2 @@
 // Poppins (Google Fonts)
-@import url("https://fonts.googleapis.com/css?family=Material+Icons|Poppins:400,600&display=swap");
+@import url('https://fonts.googleapis.com/css?family=Material+Icons|Poppins:500,700|Roboto+Mono:400&display=swap');
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index d55f62f6a..d2170b38b 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -34,13 +34,13 @@ a {
   display: inline-flex;
   color: inherit;
   text-decoration: none;
-  font-weight: 600;
+  font-weight: 700;
 }
 
 body {
   background-color: var(--bg-color);
   color: var(--fg-color);
-  font-weight: 400;
+  font-weight: 500;
   font-size: 16px;
   font-family: "Poppins", "Roboto", "Noto", sans-serif;
   line-height: 1.5;
@@ -53,7 +53,7 @@ h1,
 h2,
 h3 {
   margin: 0;
-  font-weight: 600;
+  font-weight: 700;
 }
 
 h3.title {
@@ -97,7 +97,7 @@ button {
   border-radius: 20px;
   background-color: var(--ac-color);
   color: var(--act-color);
-  font-weight: 600;
+  font-weight: 700;
   font-size: 16px;
   font-family: "Poppins", "Roboto", "Noto", sans-serif;
   transition: all 0.2s ease-in-out;
@@ -140,7 +140,7 @@ legend {
   align-items: center;
   justify-content: center;
   color: var(--fg-color);
-  font-weight: 600;
+  font-weight: 700;
   cursor: pointer;
 
   i {
@@ -199,7 +199,7 @@ pre {
   background-color: var(--bg-dark-color);
   color: var(--fg-color);
   font-size: 16px;
-  font-family: monospace;
+  font-family: 'Roboto Mono', monospace;
   transition: all 0.2s ease-in-out;
   user-select: text;
   width: calc(100% - 8px);
@@ -224,6 +224,7 @@ code {
 .hljs-subst {
   background-color: var(--bg-dark-color) !important;
   color: var(--fg-color) !important;
+  font-family: 'Roboto Mono', monospace;
 }
 
 select,
@@ -377,7 +378,7 @@ fieldset#history {
       position: absolute;
       top: 12px;
       right: 12px;
-      font-family: monospace, monospace;
+      font-family: 'Roboto Mono', monospace;
     }
   }
 }
diff --git a/components/autocomplete.vue b/components/autocomplete.vue
index 35f05d92a..26359b574 100644
--- a/components/autocomplete.vue
+++ b/components/autocomplete.vue
@@ -54,7 +54,7 @@
       display: block;
       padding: 8px 16px;
       font-size: 18px;
-      font-family: monospace;
+      font-family: 'Roboto Mono', monospace;
       white-space: pre-wrap;
 
       &:last-child {
diff --git a/pages/websocket.vue b/pages/websocket.vue
index 6ab90ee45..f0806e5ff 100644
--- a/pages/websocket.vue
+++ b/pages/websocket.vue
@@ -62,7 +62,7 @@
     &,
     span {
       font-size: 18px;
-      font-family: monospace;
+      font-family: 'Roboto Mono', monospace;
     }
 
     span {