From 53316c9f05ad53af25fb7a4bf24988252862b49f Mon Sep 17 00:00:00 2001
From: Andreas Arvidsson <andreas.arvidsson87@gmail.com>
Date: Wed, 2 Sep 2026 01:28:52 +0200
Subject: [PATCH] Switch to dark-plus theme for code blocks in the
 documentation.

---
 packages/app-web-docs/src/docs/components/Code.tsx              | 2 +-
 .../app-web-docs/src/docs/components/RecordedTestVisualizer.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/app-web-docs/src/docs/components/Code.tsx b/packages/app-web-docs/src/docs/components/Code.tsx
index b2fbdd288c..ae049ce669 100644
--- a/packages/app-web-docs/src/docs/components/Code.tsx
+++ b/packages/app-web-docs/src/docs/components/Code.tsx
@@ -33,7 +33,7 @@ export function Code({
       try {
         let html = await codeToHtml(code, {
           lang: getFallbackLanguage(languageId),
-          theme: "nord",
+          theme: "dark-plus",
           decorations,
           transformers: [
             // Shiki omits decorations for empty lines. This transformation adds the cursor class to the line itself if needed.
diff --git a/packages/app-web-docs/src/docs/components/RecordedTestVisualizer.tsx b/packages/app-web-docs/src/docs/components/RecordedTestVisualizer.tsx
index 4c22eb4c33..9937d27e0e 100644
--- a/packages/app-web-docs/src/docs/components/RecordedTestVisualizer.tsx
+++ b/packages/app-web-docs/src/docs/components/RecordedTestVisualizer.tsx
@@ -155,6 +155,7 @@ function CodeState({
       >
         {state.documentContents}
       </Code>
+
       {state.clipboard != null && (
         <div className="mt-2">
           <strong>Clipboard:</strong>