Improve code block and table readability in dark theme (#205)

* Initial plan

* Improve code samples and table styling for better readability

Co-authored-by: jaypatrick <1800595+jaypatrick@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: jaypatrick <1800595+jaypatrick@users.noreply.github.com>

Author: Copilot

src/website/src/styles/global.css

@@ -12,11 +12,18 @@
   --border-color: #e0e0e0;
   --link-color: #0066cc;
   --code-bg: #f5f5f5;
+  --code-text: #1a1a1a;
+  --code-keyword: #0000ff;
+  --code-string: #008000;
+  --code-comment: #808080;
   --header-bg: #1a1a1a;
   --nav-bg: #663399;
   --feature-bg: #fff;
   --hero-gradient-1: #663399;
   --hero-gradient-2: #1a1a1a;
+  --table-header-bg: #f5f5f5;
+  --table-row-even-bg: #fafafa;
+  --table-row-odd-bg: #fff;
 }
 
 [data-theme="dark"] {
@@ -26,12 +33,19 @@
   --bg-color: #1a1a1a;
   --border-color: #444;
   --link-color: #66b3ff;
-  --code-bg: #2d2d2d;
+  --code-bg: #1e1e1e;
+  --code-text: #d4d4d4;
+  --code-keyword: #569cd6;
+  --code-string: #ce9178;
+  --code-comment: #6a9955;
   --header-bg: #0a0a0a;
   --nav-bg: #7744bb;
   --feature-bg: #2d2d2d;
   --hero-gradient-1: #7744bb;
   --hero-gradient-2: #2d2d2d;
+  --table-header-bg: #2d2d2d;
+  --table-row-even-bg: #252525;
+  --table-row-odd-bg: #1e1e1e;
 }
 
 body {
@@ -197,41 +211,63 @@ main {
 
 .doc-content code {
   background-color: var(--code-bg);
+  color: var(--code-text);
   padding: 0.2rem 0.4rem;
   border-radius: 3px;
-  font-family: "Monaco", "Courier New", monospace;
+  font-family: "Monaco", "Consolas", "Courier New", monospace;
   font-size: 0.9em;
+  font-weight: 500;
 }
 
 .doc-content pre {
   background-color: var(--code-bg);
+  color: var(--code-text);
   padding: 1rem;
   border-radius: 4px;
   overflow-x: auto;
   margin: 1rem 0;
+  border: 1px solid var(--border-color);
+  line-height: 1.5;
 }
 
 .doc-content pre code {
   background-color: transparent;
   padding: 0;
+  color: inherit;
+  font-weight: 400;
 }
 
 .doc-content table {
   width: 100%;
   border-collapse: collapse;
   margin: 1rem 0;
+  border: 1px solid var(--border-color);
 }
 
 .doc-content th,
 .doc-content td {
   border: 1px solid var(--border-color);
-  padding: 0.5rem;
+  padding: 0.75rem;
   text-align: left;
 }
 
 .doc-content th {
-  background-color: var(--code-bg);
+  background-color: var(--table-header-bg);
   font-weight: 600;
+  color: var(--text-color);
+}
+
+.doc-content tbody tr:nth-child(even) {
+  background-color: var(--table-row-even-bg);
+}
+
+.doc-content tbody tr:nth-child(odd) {
+  background-color: var(--table-row-odd-bg);
+}
+
+.doc-content tbody tr:hover {
+  background-color: var(--code-bg);
+  transition: background-color 0.2s ease;
 }
 
 footer {