From 96aa528a2ed06ca1bc706028d16f6f4704958e37 Mon Sep 17 00:00:00 2001
From: Wendy Yuchen Sun <wendyyuchensun@gmail.com>
Date: Mon, 22 Jun 2026 09:45:14 +0800
Subject: [PATCH 1/2] fix: preview panel darkmode figcaption color

---
 src/index.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index e862366..7a76a7e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -101,7 +101,8 @@ math {
 .right-side-preview-area.darkmode h3,
 .right-side-preview-area.darkmode h4,
 .right-side-preview-area.darkmode h5,
-.right-side-preview-area.darkmode h6 {
+.right-side-preview-area.darkmode h6,
+.right-side-preview-area.darkmode figcaption {
   color: white;
 }
 

From 42b7e10c4a25d64430de252eac6e72fe62e116bd Mon Sep 17 00:00:00 2001
From: Wendy Yuchen Sun <wendyyuchensun@gmail.com>
Date: Mon, 22 Jun 2026 09:51:31 +0800
Subject: [PATCH 2/2] fix: preview panel darkmode link color

---
 .../parser-components/external-link/external-link.js          | 2 +-
 src/index.css                                                 | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/parser-components/external-link/external-link.js b/src/components/parser-components/external-link/external-link.js
index a73203f..cbdf22b 100644
--- a/src/components/parser-components/external-link/external-link.js
+++ b/src/components/parser-components/external-link/external-link.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { IconExternalLink } from '@tabler/icons-react';
 
 const linkClassName =
-  'inline-flex items-center text-primary underline rounded-sm hover:text-blue-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary';
+  'inline-flex items-center text-primary underline rounded-sm hover:text-blue-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary [.darkmode_&]:text-blue-200 [.darkmode_&]:hover:text-blue-500 [.darkmode_&]:focus-visible:outline-blue-200';
 
 const ExternalLink = ({ display = '', target = '', title = '', newTab = false }) => (
   <a
diff --git a/src/index.css b/src/index.css
index 7a76a7e..1205e42 100644
--- a/src/index.css
+++ b/src/index.css
@@ -109,3 +109,7 @@ math {
 .right-side-preview-area a:not([class]) {
   @apply inline-flex items-center text-primary underline rounded-sm hover:text-blue-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary;
 }
+
+.right-side-preview-area.darkmode a:not([class]) {
+  @apply text-blue-200 hover:text-blue-500 focus-visible:outline-blue-200;
+}