From cda7d3dd783df61d506c49589a446ed5e153b6ad Mon Sep 17 00:00:00 2001
From: "Aryan \"LAG\" Gupta" <aryangupta4feb@gmail.com>
Date: Thu, 22 Jan 2026 23:53:29 +0530
Subject: [PATCH] fix: make 'Learn More' link functional in theme settings
 (#10078)

---
 packages/app/src/components/settings-general.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/components/settings-general.tsx b/packages/app/src/components/settings-general.tsx
index 69d180f9d..30d3f0f17 100644
--- a/packages/app/src/components/settings-general.tsx
+++ b/packages/app/src/components/settings-general.tsx
@@ -5,6 +5,7 @@ import { useTheme, type ColorScheme } from "@opencode-ai/ui/theme"
 import { useLanguage } from "@/context/language"
 import { useSettings, monoFontFamily } from "@/context/settings"
 import { playSound, SOUND_OPTIONS } from "@/utils/sound"
+import { Link } from "./link"
 
 export const SettingsGeneral: Component = () => {
   const theme = useTheme()
@@ -107,9 +108,9 @@ export const SettingsGeneral: Component = () => {
               description={
                 <>
                   {language.t("settings.general.row.theme.description")}{" "}
-                  <a href="#" class="text-text-interactive-base">
+                  <Link href="https://opencode.ai/docs/themes/">
                     {language.t("common.learnMore")}
-                  </a>
+                  </Link>
                 </>
               }
             >