From 2b109a4de85b1f32047f3866027d4df05eaf137a Mon Sep 17 00:00:00 2001
From: Mike Alhayek <mike@crestapps.com>
Date: Sun, 14 Jun 2026 22:09:20 -0700
Subject: [PATCH 1/2] Fix dark-mode text color for docs (cards, header, body)

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 docs/docs/css/custom.css | 24 ++++++++++++++++++++++++
 docs/src/css/custom.css  | 37 +++++++++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+)

diff --git a/docs/docs/css/custom.css b/docs/docs/css/custom.css
index 680e41b7..2261ce3e 100644
--- a/docs/docs/css/custom.css
+++ b/docs/docs/css/custom.css
@@ -336,4 +336,28 @@ ul.nav li.main {
   .logo-container {
     max-width: 25%;
   }
+
+/* Dark mode readability fixes */
+[data-theme='dark'] body,
+[data-theme='dark'] .content,
+[data-theme='dark'] .bs-docs-example,
+[data-theme='dark'] .bs-docs-header,
+[data-theme='dark'] .standaloneExampleCard,
+[data-theme='dark'] .featureCard {
+  color: #e6e6e6 !important;
+}
+
+[data-theme='dark'] .bs-docs-example {
+  background-color: #1e1e1e !important;
+  border-color: rgba(255,255,255,0.06) !important;
+}
+
+[data-theme='dark'] .bs-docs-header {
+  color: #fff !important;
+}
+
+[data-theme='dark'] .highlight {
+  background-color: rgba(255,255,255,0.02) !important;
+  color: #f5f5f5 !important;
+}
 }
\ No newline at end of file
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index c3a1092b..8fd54f42 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -31,6 +31,43 @@
   --ifm-background-color: #1e1e1e;
   --ifm-background-surface-color: #1e1e1e;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, .3);
+
+  /* Ensure readable text in dark mode */
+  color: #e6e6e6;
+  --ifm-color-emphasis-900: #e6e6e6;
+  --ifm-color-emphasis-200: rgba(255,255,255,0.06);
+}
+
+/* Make sure main elements inherit readable color in dark mode */
+[data-theme='dark'] html,
+[data-theme='dark'] body,
+[data-theme='dark'] .main-wrapper,
+[data-theme='dark'] .theme-doc-root,
+[data-theme='dark'] .theme-doc-page,
+[data-theme='dark'] article {
+  color: #e6e6e6;
+}
+
+/* Cards, examples and standalone components */
+[data-theme='dark'] .featureCard,
+[data-theme='dark'] .standaloneExampleCard,
+[data-theme='dark'] .bs-docs-example {
+  background: var(--ifm-background-surface-color);
+  color: inherit;
+  border-color: var(--ifm-color-emphasis-200);
+}
+
+/* Header adjustments for dark mode */
+[data-theme='dark'] .bs-docs-header,
+[data-theme='dark'] .bs-docs-sub-header {
+  color: #fff;
+}
+
+/* Ensure code blocks/highlight contrast */
+[data-theme='dark'] .highlight,
+[data-theme='dark'] pre,
+[data-theme='dark'] code {
+  color: #f5f5f5;
 }
 
 html,

From d2e14b12b6b4950561a6ba957bc23326a96bf845 Mon Sep 17 00:00:00 2001
From: Mike Alhayek <mike@crestapps.com>
Date: Sun, 14 Jun 2026 22:10:29 -0700
Subject: [PATCH 2/2] Dark-mode table styling for docs/options (tables: table,
 table-striped, table-bordered)

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 docs/docs/css/custom.css | 27 +++++++++++++++++++++++++++
 docs/src/css/custom.css  | 27 +++++++++++++++++++++++++++
 2 files changed, 54 insertions(+)

diff --git a/docs/docs/css/custom.css b/docs/docs/css/custom.css
index 2261ce3e..8758acc1 100644
--- a/docs/docs/css/custom.css
+++ b/docs/docs/css/custom.css
@@ -337,6 +337,33 @@ ul.nav li.main {
     max-width: 25%;
   }
 
+/* Dark-mode table styles for docs (tables like Core options) */
+[data-theme='dark'] .table,
+[data-theme='dark'] .table > thead > tr > th,
+[data-theme='dark'] .table > tbody > tr > td {
+  color: #e6e6e6 !important;
+  background-color: transparent !important;
+  border-color: rgba(255,255,255,0.06) !important;
+}
+
+[data-theme='dark'] .table thead th {
+  background-color: rgba(255,255,255,0.03) !important;
+  color: #f1f1f1 !important;
+}
+
+[data-theme='dark'] .table.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(255,255,255,0.02) !important;
+}
+
+[data-theme='dark'] .table.table-striped tbody tr:nth-of-type(even) {
+  background-color: transparent !important;
+}
+
+[data-theme='dark'] .table.table-bordered {
+  border: 1px solid rgba(255,255,255,0.06) !important;
+}
+
+
 /* Dark mode readability fixes */
 [data-theme='dark'] body,
 [data-theme='dark'] .content,
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index 8fd54f42..e67b3958 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -296,3 +296,30 @@ article {
     grid-template-columns: 1fr;
   }
 }
+
+/* Dark-mode table styles for docs (tables like Core options) */
+[data-theme='dark'] .table,
+[data-theme='dark'] .table > thead > tr > th,
+[data-theme='dark'] .table > tbody > tr > td {
+  color: #e6e6e6;
+  background-color: transparent;
+  border-color: rgba(255,255,255,0.06);
+}
+
+[data-theme='dark'] .table thead th {
+  background-color: rgba(255,255,255,0.03);
+  color: #f1f1f1;
+}
+
+[data-theme='dark'] .table.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(255,255,255,0.02);
+}
+
+[data-theme='dark'] .table.table-striped tbody tr:nth-of-type(even) {
+  background-color: transparent;
+}
+
+[data-theme='dark'] .table.table-bordered {
+  border: 1px solid rgba(255,255,255,0.06);
+}
+