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 e862366..1205e42 100644
--- a/src/index.css
+++ b/src/index.css
@@ -101,10 +101,15 @@ 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;
 }
 
 .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;
+}