diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css
index eb07f0f029..9cec15ef59 100644
--- a/web/styles/app_variables.css
+++ b/web/styles/app_variables.css
@@ -377,6 +377,9 @@
     --color-text-url-hover: hsl(200deg 100% 25%);
     --color-text-settings-field-hint: hsl(0deg 0% 57%);
 
+    /* Markdown colors */
+    --color-border-rendered-markdown-table: hsl(0deg 0% 80%);
+
     /* Markdown code colors */
     --color-markdown-code-text: hsl(0deg 0% 0%);
     --color-markdown-code-background: hsl(0deg 0% 0% / 6%);
diff --git a/web/styles/rendered_markdown.css b/web/styles/rendered_markdown.css
index 9a4cfb75ca..ec4b2a5684 100644
--- a/web/styles/rendered_markdown.css
+++ b/web/styles/rendered_markdown.css
@@ -126,13 +126,13 @@
     }
 
     & tr th {
-        border: 1px solid hsl(0deg 0% 80%);
+        border: 1px solid var(--color-border-rendered-markdown-table);
         padding: 4px;
         text-align: left;
     }
 
     & tr td {
-        border: 1px solid hsl(0deg 0% 80%);
+        border: 1px solid var(--color-border-rendered-markdown-table);
         padding: 4px;
     }