diff --git a/src/Pages/markdownPage.js b/src/Pages/markdownPage.js
index 050a851..46a5ecf 100644
--- a/src/Pages/markdownPage.js
+++ b/src/Pages/markdownPage.js
@@ -53,7 +53,8 @@ function showFurigana (kana) {
 }
 
 const Furigana = ({ kanji, kana }) => {
-    return (<span className="furigana" title={kana} onClick={() => showFurigana(kana)}>{kanji}</span>)
+    const { theme } = useTheme();
+    return (<span className={"furigana " + theme + "-kanji" } title={kana} onClick={() => showFurigana(kana)}>{kanji}</span>)
 }
 
 const MyCodeBlock = ({ children, className }) => {
diff --git a/src/overrides.scss b/src/overrides.scss
index 950b395..466a442 100644
--- a/src/overrides.scss
+++ b/src/overrides.scss
@@ -14,10 +14,12 @@ $theme-colors: (
   "dark-c1": #eeaa00,
   "dark-c2": #eeaaff,
   "dark-c3": #ff6262,
+  "dark-kanji": #8448bd,
   "dark-dim1": #ababab,
   "light-c1": #992299,
   "light-c2": #446600,
   "light-c3": #c70000,
+  "light-kanji": #3a2180,
   "light-dim1": #787878,
 );
 
@@ -207,6 +209,14 @@ body.light {
   }
 }
 
+.dark-kanji {
+  color: map-get($theme-colors, "dark-kanji") !important;
+}
+
+.light-kanji {
+  color: map-get($theme-colors, "light-kanji") !important;
+}
+
 li.hidden {
   display: none;
 }