Add styling for <code> tags

themes/theme/templates/style.css

@@ -15,6 +15,12 @@ a {
 pre {
 	font-size: 1rem;
 	padding: 1rem;
+	overflow-x: auto;
+}
+
+:not(pre)>code {
+	padding: 0 2px;
+	font-size: 0.9rem;
 }
 
 .container {
@@ -187,6 +193,10 @@ pre {
 	background-color: #ddd;
 }
 
+:not(pre)>code {
+	background-color: #ddd;
+}
+
 .toc {
 	background-color: #ddd;
 }
@@ -209,6 +219,10 @@ body.dark pre {
 	background-color: #222;
 }
 
+body.dark :not(pre)>code {
+	background-color: #222;
+}
+
 body.dark .toc {
 	background-color: #222;
 }
@@ -240,6 +254,10 @@ body.dark .contact-icons img {
 		background-color: #ddd;
 	}
 
+	body.light :not(pre)>code {
+		background-color: #ddd;
+	}
+
 	body.light .toc {
 		background-color: #ddd;
 	}
@@ -270,6 +288,10 @@ body.dark .contact-icons img {
 		background-color: #222;
 	}
 
+	:not(pre)>code {
+		background-color: #222;
+	}
+
 	.toc {
 		background-color: #222;
 	}