Documentation style changes (#1897)

* added color from figma

* table styles, adjusting padding and margin on headings, removing indentation on left nav

* <code> styles, adjusted padding on code blocks to match figma

website/assets/styles/mixins-and-variables/colors.less

@@ -3,6 +3,7 @@
  */
 
 @core-fleet-black: #192147;
+@core-fleet-black-75: #515774;
 @core-fleet-black-50: #8b8fa2;
 @core-fleet-black-25: #C5C7D1;
 

website/assets/styles/pages/docs/basic-documentation.less

@@ -291,7 +291,7 @@
       }
 
       .topic {
-
+        padding-left: 0px;
         &.active {
           color: @core-vibrant-blue;
         }
@@ -318,6 +318,7 @@
 
       h1 {
         padding-bottom: 16px;
+        margin-bottom: 0px;
       }
 
       h2 {
@@ -335,6 +336,16 @@
         margin-bottom: 0px;
       }
 
+      h4 {
+        padding-bottom: 16px;
+        margin-bottom: 0px;
+      }
+
+      h5 {
+        margin-top: 16px;
+        margin-bottom: 16px;
+      }
+
       ul {
         list-style-type: disc;
         padding-left: 32px;
@@ -356,6 +367,26 @@
         padding-top: 8px;
       }
 
+      table {
+        border: 1px solid @border-lt-gray;
+        border-collapse: collapse;
+        font-size: 16px;
+        line-height: 24px;
+        margin-bottom: 16px;
+
+        th {
+          font-weight: @bold;
+          font-family: @header-font;
+          border: 1px solid @border-lt-gray;
+          padding: 8px 7px 7px 8px;
+        }
+
+        td {
+          font-family: @main-font;
+          border: 1px solid @border-lt-gray;
+          padding: 8px 7px 7px 8px;
+        }
+      }
       .note {
         background-color: @core-vibrant-blue-10;
         border-radius: 12px;

website/assets/styles/pages/docs/code-blocks.less

@@ -1,17 +1,33 @@
 // lesshint-disable spaceAroundComma, trailingWhitespace
 
-  pre {
-    background: #282C40;
-    padding: 24px;
-    border: 1px solid @core-fleet-black-25;
-    border-radius: 4px;
-    margin: 16px 0px 32px;
+  code:not(.nohighlight, .hljs) {
+    background-color: @ui-off-white;
+    border: 1px solid @border-lt-gray;
+    color: @core-fleet-black-75;
+    font-size: 13px;
+    padding: 4px 8px;
+    line-height: 16px;
+  }
 
+  code {
+    font-family: @code-font;
+    display: inline-block;
+    border-radius: 6px;
+  }
+
+
+  pre {
+    padding: 24px;
+    border: 1px solid @border-lt-gray;
+    border-radius: 6px;
+    margin: 16px 0px 32px;
+    font-family: @code-font;
+    background: #282C40;
 
     &.muted {
-      color: @core-fleet-black-50;
+      color: @core-fleet-black-75;
       background: @ui-off-white;
-      margin: 16px 0px 32px;
+      margin: 16px 0px 40px;
     }
   }