Tweak code block theme and font

Author: kevcenteno

assets/scss/_base.scss

@@ -157,7 +157,6 @@ code {
   color: var(--mm-color-display-text);
   font-family: var(--mm-font-stack-monospace);
   font-size: 14px;
-  font-weight: 700;
   padding: 2px 6px;
   transition: background-color 0.2s ease-out;
 }

assets/scss/_variables.scss

@@ -34,7 +34,7 @@ $containers: (
 :root {
   --mm-color-active-blue: #2b7ec6;
   --mm-color-background: #fff;
-  --mm-color-background-code: #274958;
+  --mm-color-background-code: #000;
   --mm-color-sidebar: #f5f6f7;
   --mm-color-border: #ddd;
   --mm-color-logo-blue-light: #00aeef;
@@ -48,7 +48,7 @@ $containers: (
   --mm-border-radius: 6px;
   --mm-font-stack-default: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif;
   --mm-font-stack-display: 'montserrat', var(--mm-font-stack-default);
-  --mm-font-stack-monospace: 'Source Code Pro', monospace;
+  --mm-font-stack-monospace: monospace;
   --mm-layout-toc-width: 290px;
   --mm-layout-sidebar-width: 350px;
   --mm-max-width: 880px;

assets/scss/index.scss

@@ -35,3 +35,9 @@
 :target {
   scroll-margin-top: 100px;
 }
+
+.schema-row-key {
+  font-size: 14px;
+  font-weight: 500;
+  padding-bottom: 2px;
+}

hugo.toml

@@ -14,7 +14,7 @@ title = 'MaxMind'
     lineNumbersInTable = false
     noClasses = true
     noHl = false
-    style = 'monokai'
+    style = 'doom-one2'
     tabWidth = 4
 
 [menus]

layouts/shortcodes/schema-row.html

@@ -13,7 +13,7 @@
 
 <tr>
   <td>
-    <a href="#{{ $fragment }}"><code>{{ $key }}</code></a>
+    <a href="#{{ $fragment }}"><code class="schema-row-key">{{ $key }}</code></a>
   </td>
   <td>
     {{ .Get "valueType" }}