Add code styles and update dev server

src/dark.scss

@@ -1,15 +1,17 @@
 $background: #202b38 !default;
+$background-alt: #161f27 !default;
+
 $text-main: #dbdbdb !default;
 $text-bright: #ffffff !default;
 
 $links: #41adff !default;
 $focus: #0096bfab !default;
 $border: #dbdbdb !default;
+$code: #ffbe85 !default;
 
 $button-hover: #324759 !default;
 $animation-duration: 0.1s !default;
 
-$form-background: #161f27 !default;
 $form-placeholder: #a9a9a9 !default;
 $form-text: #ffffff !default;
 

src/light.scss

@@ -1,15 +1,17 @@
 $background: #ffffff !default;
+$background-alt: #efefef !default;
+
 $text-main: #363636 !default;
 $text-bright: #000000 !default;
 
 $links: #0076d1 !default;
 $focus: #0096bfab !default;
 $border: #dbdbdb !default;
+$code: #000000 !default;
 
 $button-hover: #dddddd !default;
 $animation-duration: 0.1s !default;
 
-$form-background: #efefef !default;
 $form-placeholder: #949494 !default;
 $form-text: #000000 !default;
 

src/parts/_code.scss

@@ -0,0 +1,12 @@
+code, kbd {
+  background: $background-alt;
+  color: $code;
+  padding: 5px;
+  border-radius: 6px;
+}
+
+pre > code {
+  padding: 10px;
+  display: block;
+  overflow-x: auto;
+}

src/parts/_core.scss

@@ -2,4 +2,5 @@
 @import 'typography';
 @import 'forms';
 @import 'links';
+@import 'code';
 @import 'misc';

src/parts/_forms.scss

@@ -11,7 +11,7 @@ input:not([type='checkbox']), select {
 
 input, select, button, textarea {
   color: $form-text;
-  background-color: $form-background;
+  background-color: $background-alt;
 
   font-family: inherit;
   font-size: inherit;