From 652d2e02c9b60d0a2d776360397b155b7f77692a Mon Sep 17 00:00:00 2001
From: Aarya Patil <aaryapatil1323@gmail.com>
Date: Sat, 3 Oct 2026 16:02:56 +0530
Subject: [PATCH] fix: support light mode in terminal previews

---
 domains/ratatui/components/ratatui-demo-preview.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/domains/ratatui/components/ratatui-demo-preview.tsx b/domains/ratatui/components/ratatui-demo-preview.tsx
index 6441b3b..ffda876 100644
--- a/domains/ratatui/components/ratatui-demo-preview.tsx
+++ b/domains/ratatui/components/ratatui-demo-preview.tsx
@@ -1,7 +1,7 @@
 "use client";
 
+import { useTheme } from "next-themes";
 import type { CSSProperties } from "react";
-
 import previews from "@/domains/ratatui/registry/previews.generated.json";
 import { RATATUI_DEMO_BASE } from "@/domains/ratatui/config";
 import { useTerminalTheme } from "@/domains/terminal-themes/use-terminal-theme";
@@ -179,7 +179,14 @@ export const RatatuiDemoPreview = ({
   fontSize?: number;
 }) => {
   const [themeKey] = useTerminalTheme();
-  const theme = terminalThemeMap[themeKey];
+  const { resolvedTheme } = useTheme();
+
+  const effectiveThemeKey =
+    themeKey === "default" && resolvedTheme === "light"
+      ? "high-contrast-light"
+      : themeKey;
+
+  const theme = terminalThemeMap[effectiveThemeKey];
   const frame = (previews as Record<string, string[]>)[
     getPreviewKey(RATATUI_DEMO_BASE, name)
   ] ?? [`⚠ Preview not generated: ${name}`];