CSS code tag optimizations

assets/css/_base.scss

@@ -73,7 +73,7 @@ nav ul li {
 }
 
 table {
-  font-family: DOS;
+  font-family: "DOS", "Lucida Console", "monospace";
   border-style: dashed;
   border-width: 1px;
   border-collapse: collapse;

assets/css/components/_code.scss

@@ -1,12 +1,20 @@
 pre {
-    font-family: "DOS", "Lucida Console", "monospace";
-    margin: 2em;
-    padding: 0.4em;
-    border: 1px dashed $border-color;
-    overflow: auto;
-    color: #f8f8f2;
-    background-color: #272822;
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
+  font-family: "DOS", "Lucida Console", "monospace";
+  margin: 2em;
+  padding: 0.4em;
+  border: 1px dashed $border-color;
+  overflow: auto;
+  color: $code-color;
+  background-color: #272822;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+}
+
+p > code {
+  font-family: "DOS", "Lucida Console", "monospace";
+  color: $code-color;
+  border-left: 1px dotted $border-color;
+  border-bottom: 1px dotted $border-color;
+  padding: 2px;
 }

assets/css/main.scss

@@ -4,6 +4,7 @@ https://coolors.co/04080f-507dbc-a1c6ea-bbd1ea-dae3e5
 
 $background-color: {{ .Site.Params.style.backgroundColor | default "#04080f" }};
 $text-color: {{ .Site.Params.style.textColor | default "#dae3e5" }};
+$code-color: {{ .Site.Params.style.codeColor | default "#dae3e2" }};
 $border-color: {{ .Site.Params.style.borderColor | default "#dae3e5" }};
 $anchor-color: {{ .Site.Params.style.anchorColor | default "#507dbc" }};
 $anchor-active-color: {{ .Site.Params.style.anchorActiveColor | default "#bbd1ea" }};