refactor: styling improvements

Author: Harminder Virk

css/light_mode_variables.css

@@ -92,7 +92,7 @@
   --pre-title-text-color: var(--neutral-gray-8);
   --pre-tabs-text-color: var(--neutral-gray-9);
   --pre-tabs-active-text-color: var(--neutral-gray-1);
-  --pre-tabs-active-border-color: var(--accent-a10);
+  --pre-tabs-active-border-color: var(--accent-9);
   --copy-code-text-color: hsl(0deg 0% 41.59%);
   --copy-code-bg-color: hsl(260deg 11.09% 10.15%);
   --copy-code-border-color: hsl(260deg 4.2% 24.25%);
@@ -102,7 +102,7 @@
   --success-tick-color: hsl(151, 55.0%, 41.5%);
   --code-comment-color: var(--neutral-gray-9);
   --code-highlight-bg-color: hsl(261.43deg 13.54% 21.91% / 61%);
-  --code-highlight-border-color: var(--accent-a8);
+  --code-highlight-border-color: var(--accent-9);
   --code-insert-bg-color: hsla(158, 98.6%, 59.7%, 0.105);
   --code-insert-border-color: hsla(152, 99.9%, 66.5%, 0.661);
   --code-delete-bg-color: hsla(359, 99.1%, 61.1%, 0.130);

css/markdown.css

@@ -9,6 +9,9 @@
 .markdown p {
   margin-bottom: var(--prose-p-margin-bottom);
 }
+.markdown p.lede {
+  font-size: 18px;
+}
 
 .markdown h1 a, .markdown h2 a, .markdown h3 a, .markdown h4 a {
   color: var(--prose-headings-color);
@@ -296,6 +299,7 @@
 
 .markdown pre .line.highlight-insert {
   background: var(--code-insert-bg-color);
+  --code-comment-green-tint: #648777;
 }
 .markdown pre .line.highlight-insert:before {
   content: '';
@@ -332,6 +336,10 @@
   margin: var(--prose-elements-margin) 0;
 }
 
+.markdown li > ul {
+  margin-top: 0px;
+}
+
 .markdown figure {
   margin: var(--prose-elements-margin) 0;
 }
@@ -341,12 +349,12 @@
 }
 
 .markdown .table_container {
+  margin: var(--prose-elements-margin) 0;
   max-width: 100%;
-  overflow-x: scroll;
+  overflow-x: auto;
 }
 
 .markdown table {
-  margin: var(--prose-elements-margin) 0;
   text-align: left;
   border-collapse: collapse;
   width: 100%;
@@ -355,6 +363,7 @@
   --code-bg-color: none;
   --code-font-weight: 500;
   --code-text-color: var(--prose-headings-color);
+  --code-font-size: var(--prose-table-font-size);
 }
 
 .markdown table tr th {