From 610fa1d5617153d9e516f748ad6f2542959581a7 Mon Sep 17 00:00:00 2001
From: Cell <1024@lruihao.cn>
Date: Sun, 26 Jul 2026 02:08:02 +0800
Subject: [PATCH] fix(assets): apply correct json-viewer theme after content
 decryption

---
 apps/test/content/posts/encryption-test/index.md | 11 +++++++++++
 assets/js/lib/json-viewer.ts                     |  8 ++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/apps/test/content/posts/encryption-test/index.md b/apps/test/content/posts/encryption-test/index.md
index ad01a605..7b9853bd 100644
--- a/apps/test/content/posts/encryption-test/index.md
+++ b/apps/test/content/posts/encryption-test/index.md
@@ -26,6 +26,17 @@ $$ \ce{CO2 + C -> 2 CO} $$
 
 $$ \ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-} $$
 
+## JSON
+
+```json
+{
+  "name": "fixit",
+  "version": "1.0.0",
+  "description": "A Hugo theme for creating encrypted content.",
+  "author": "Lruihao"
+}
+```
+
 ## style
 
 {{< style "text-align:right; strong{color:#00b1ff;}" >}}
diff --git a/assets/js/lib/json-viewer.ts b/assets/js/lib/json-viewer.ts
index 032ec009..10caae48 100644
--- a/assets/js/lib/json-viewer.ts
+++ b/assets/js/lib/json-viewer.ts
@@ -8,8 +8,8 @@
 import { eventBus } from '../core/event-bus'
 import { isDarkMode } from '../utils'
 
-function applyJsonViewerTheme(isDark: boolean) {
-  document.querySelectorAll('json-viewer').forEach(($el: Element) => {
+function applyJsonViewerTheme(isDark: boolean, scope: Element | Document = document) {
+  scope.querySelectorAll('json-viewer').forEach(($el: Element) => {
     $el.setAttribute('theme', isDark ? 'dark' : 'light')
   })
 }
@@ -25,4 +25,8 @@ document.addEventListener('DOMContentLoaded', () => {
       return
     applyJsonViewerTheme(detail.isDark)
   })
+
+  eventBus.on('fixit:content-decrypted', ({ detail }) => {
+    applyJsonViewerTheme(isDarkMode(), detail.target)
+  })
 }, false)