diff --git a/.env.example b/.env.example index b0ecc49ea..826b93bd2 100644 --- a/.env.example +++ b/.env.example @@ -106,7 +106,10 @@ AUTH_SECRET=CHANGE_ME_GENERATE_WITH_openssl_rand_base64_32 # Passkey/WebAuthn Configuration PASSKEY_RP_ID=localhost PASSKEY_RP_NAME=OpenCode Manager -PASSKEY_ORIGIN=http://localhost:5003 +# Exact origin for WebAuthn verification. Leave empty/unset to use the browser +# Origin header (recommended when the same RP ID is served on multiple ports, +# e.g. Tailscale prod :5003 + local HMR :5174). +PASSKEY_ORIGIN= # ============================================ # Push Notifications (VAPID) diff --git a/.github/screenshots/theme-switcher-github-light.png b/.github/screenshots/theme-switcher-github-light.png new file mode 100644 index 000000000..49fe341d4 Binary files /dev/null and b/.github/screenshots/theme-switcher-github-light.png differ diff --git a/.github/screenshots/theme-switcher-opencode-dark.png b/.github/screenshots/theme-switcher-opencode-dark.png new file mode 100644 index 000000000..d63a33e0b Binary files /dev/null and b/.github/screenshots/theme-switcher-opencode-dark.png differ diff --git a/.github/screenshots/theme-switcher-tokyonight-dark.png b/.github/screenshots/theme-switcher-tokyonight-dark.png new file mode 100644 index 000000000..859065070 Binary files /dev/null and b/.github/screenshots/theme-switcher-tokyonight-dark.png differ diff --git a/.gitignore b/.gitignore index f3d7c92f2..2a715cbb1 100644 --- a/.gitignore +++ b/.gitignore @@ -2,6 +2,8 @@ node_modules/ *.log .env .env.local +.env.*.local +workspace-dev/ dist/ build/ coverage/ diff --git a/backend/src/auth/index.ts b/backend/src/auth/index.ts index 147222d85..5c5f360a3 100644 --- a/backend/src/auth/index.ts +++ b/backend/src/auth/index.ts @@ -48,7 +48,9 @@ export function createAuth(db: Database) { passkey({ rpID: ENV.AUTH.PASSKEY_RP_ID, rpName: ENV.AUTH.PASSKEY_RP_NAME, - origin: ENV.AUTH.PASSKEY_ORIGIN, + // Omit origin so verification uses the request Origin header. + // That lets the same RP ID work across Tailscale ports (prod :5003, HMR :5174). + ...(ENV.AUTH.PASSKEY_ORIGIN ? { origin: ENV.AUTH.PASSKEY_ORIGIN } : {}), authenticatorSelection: { residentKey: 'required', userVerification: 'preferred', @@ -74,7 +76,8 @@ export function createAuth(db: Database) { }, }, advanced: { - cookiePrefix: 'opencode', + // Isolate dev cookies from production when both share a Tailscale hostname + cookiePrefix: ENV.SERVER.NODE_ENV === 'development' ? 'opencode-dev' : 'opencode', useSecureCookies: ENV.AUTH.SECURE_COOKIES, }, }) diff --git a/backend/src/index.ts b/backend/src/index.ts index 877adbd80..c0c647d38 100644 --- a/backend/src/index.ts +++ b/backend/src/index.ts @@ -345,7 +345,7 @@ void scheduleRunnerInstance.start() const settingsService = new SettingsService(db) -app.route('/api/auth', createAuthRoutes(auth)) +app.route('/api/auth', createAuthRoutes(auth, db)) app.route('/api/auth-info', createAuthInfoRoutes(auth, db)) app.route('/api/health', createHealthRoutes(db, openCodeSupervisor)) diff --git a/backend/src/routes/auth.ts b/backend/src/routes/auth.ts index 19c242514..4a147ec7c 100644 --- a/backend/src/routes/auth.ts +++ b/backend/src/routes/auth.ts @@ -5,12 +5,42 @@ import { ENV } from '@opencode-manager/shared/config/env' import { logger } from '../utils/logger' import { hashPassword } from 'better-auth/crypto' -export function createAuthRoutes(auth: AuthInstance): Hono { +type PasskeyRow = { + credentialID: string + transports: string | null +} + +function withAllowCredentials(body: string, passkeys: PasskeyRow[]): string { + try { + const options = JSON.parse(body) as { + allowCredentials?: Array<{ id: string; type?: string; transports?: string[] }> + [key: string]: unknown + } + if (options.allowCredentials?.length) { + return body + } + if (!passkeys.length) { + return body + } + options.allowCredentials = passkeys.map((pk) => ({ + id: pk.credentialID, + type: 'public-key', + transports: pk.transports + ? pk.transports.split(',').map((t) => t.trim()).filter(Boolean) + : undefined, + })) + return JSON.stringify(options) + } catch { + return body + } +} + +export function createAuthRoutes(auth: AuthInstance, db?: Database): Hono { const app = new Hono() app.all('/*', async (c) => { const response = await auth.handler(c.req.raw) - + const setCookie = response.headers.get('set-cookie') if (c.req.path.includes('sign-in')) { logger.info(`Sign-in response - Status: ${response.status}, Set-Cookie: ${setCookie ? 'present' : 'missing'}`) @@ -18,7 +48,33 @@ export function createAuthRoutes(auth: AuthInstance): Hono { logger.debug(`Set-Cookie header: ${setCookie.substring(0, 100)}...`) } } - + + // better-auth only includes allowCredentials when a session exists. + // Discoverable (empty) options often make Windows Hello cancel immediately. + // Inject stored credential IDs so the authenticator can match the passkey. + if ( + db && + response.ok && + c.req.method === 'GET' && + c.req.path.includes('generate-authenticate-options') + ) { + const contentType = response.headers.get('content-type') || '' + if (contentType.includes('application/json')) { + const passkeys = db + .prepare('SELECT credentialID, transports FROM passkey') + .all() as PasskeyRow[] + const body = await response.text() + const nextBody = withAllowCredentials(body, passkeys) + const headers = new Headers(response.headers) + headers.delete('content-length') + return new Response(nextBody, { + status: response.status, + statusText: response.statusText, + headers, + }) + } + } + return response }) @@ -91,6 +147,7 @@ export function createAuthInfoRoutes(auth: AuthInstance, db: Database) { registrationEnabled: !adminConfigured, isFirstUser: hasUsers.count === 0, adminConfigured, + passkeyRpId: ENV.AUTH.PASSKEY_RP_ID, }) }) diff --git a/frontend/components.json b/frontend/components.json index 7673dbac2..77cd03635 100644 --- a/frontend/components.json +++ b/frontend/components.json @@ -1,14 +1,15 @@ { "$schema": "https://ui.shadcn.com/schema.json", - "style": "default", + "style": "new-york", "rsc": false, "tsx": true, "tailwind": { - "config": "tailwind.config.js", + "config": "", "css": "src/index.css", "baseColor": "slate", "cssVariables": true }, + "iconLibrary": "lucide", "aliases": { "components": "@/components", "utils": "@/lib/utils", diff --git a/frontend/package.json b/frontend/package.json index b76410b01..248b0b812 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -42,12 +42,14 @@ "react-dom": "^19.1.1", "react-hook-form": "^7.65.0", "react-markdown": "^10.1.0", + "react-resizable-panels": "^4.7.2", "react-router-dom": "^7.13.0", "rehype-highlight": "^7.0.2", "rehype-raw": "^7.0.0", "remark-gfm": "^4.0.1", "sonner": "^2.0.7", "tailwind-merge": "^3.3.1", + "vaul": "^1.1.2", "zod": "^4.1.12", "zustand": "^5.0.8" }, diff --git a/frontend/src/api/types/settings.ts b/frontend/src/api/types/settings.ts index cabc73b2b..519330ffd 100644 --- a/frontend/src/api/types/settings.ts +++ b/frontend/src/api/types/settings.ts @@ -49,6 +49,7 @@ export interface GitIdentity { export interface UserPreferences { theme: 'dark' | 'light' | 'system' + themePreset?: string mode: 'plan' | 'build' defaultModel?: string defaultAgent?: string diff --git a/frontend/src/components/file-browser/FileDiffView.tsx b/frontend/src/components/file-browser/FileDiffView.tsx index eaca2544a..30ca7b958 100644 --- a/frontend/src/components/file-browser/FileDiffView.tsx +++ b/frontend/src/components/file-browser/FileDiffView.tsx @@ -93,25 +93,25 @@ const statusConfig: Record< modified: { icon: FileEdit, color: GIT_STATUS_COLORS.modified, - bgColor: "bg-amber-500/10", + bgColor: "bg-warning/10", label: GIT_STATUS_LABELS.modified, }, added: { icon: FilePlus, color: GIT_STATUS_COLORS.added, - bgColor: "bg-emerald-500/10", + bgColor: "bg-success/10", label: GIT_STATUS_LABELS.added, }, deleted: { icon: FileX, color: GIT_STATUS_COLORS.deleted, - bgColor: "bg-rose-500/10", + bgColor: "bg-destructive/10", label: GIT_STATUS_LABELS.deleted, }, renamed: { icon: FileText, color: GIT_STATUS_COLORS.renamed, - bgColor: "bg-blue-500/10", + bgColor: "bg-info/10", label: GIT_STATUS_LABELS.renamed, }, untracked: { @@ -123,7 +123,7 @@ const statusConfig: Record< copied: { icon: FileText, color: GIT_STATUS_COLORS.copied, - bgColor: "bg-emerald-500/10", + bgColor: "bg-success/10", label: GIT_STATUS_LABELS.copied, }, }; @@ -155,16 +155,16 @@ function DiffLineComponent({ const bgClass = line.type === "add" - ? "bg-emerald-500/10" + ? "bg-success/10" : line.type === "remove" - ? "bg-rose-500/10" + ? "bg-destructive/10" : ""; const textClass = line.type === "add" - ? "text-emerald-700 dark:text-emerald-300" + ? "text-success" : line.type === "remove" - ? "text-rose-700 dark:text-rose-300" + ? "text-destructive" : "text-foreground"; const lineNumber = line.newLineNumber ?? line.oldLineNumber; @@ -172,14 +172,14 @@ function DiffLineComponent({ return (
isClickable && lineNumber !== undefined && onLineClick(lineNumber) } @@ -196,10 +196,10 @@ function DiffLineComponent({ )}
{line.type === "add" && ( - + )} {line.type === "remove" && ( - + )} 
           {!diffData.isBinary && (
             <>
-              +{diffData.additions}
-              -{diffData.deletions}
+              +{diffData.additions}
+              -{diffData.deletions}
             
           )}
           {diffData.diff && (
diff --git a/frontend/src/components/file-browser/FilePreview.tsx b/frontend/src/components/file-browser/FilePreview.tsx
index 9f8dfcb33..17020afea 100644
--- a/frontend/src/components/file-browser/FilePreview.tsx
+++ b/frontend/src/components/file-browser/FilePreview.tsx
@@ -312,7 +312,7 @@ export const FilePreview = memo(function FilePreview({ file, hideHeader = false,
               return (
                 

                   
@@ -372,10 +372,10 @@ export const FilePreview = memo(function FilePreview({ file, hideHeader = false,
                 {formatFileSize(file.size)}
                 {formatDate(file.lastModified)}
                 {shouldVirtualize && (
-                  Virtualized
+                  Virtualized
                 )}
                 {hasVirtualizedChanges && (
-                  Unsaved changes
+                  Unsaved changes
                 )}
@@ -412,7 +412,7 @@ export const FilePreview = memo(function FilePreview({ file, hideHeader = false, )} {showSaveButton && ( - )} diff --git a/frontend/src/components/file-browser/FileTree.tsx b/frontend/src/components/file-browser/FileTree.tsx index 8d6017519..1f84303e5 100644 --- a/frontend/src/components/file-browser/FileTree.tsx +++ b/frontend/src/components/file-browser/FileTree.tsx @@ -202,7 +202,7 @@ function TreeNode({ file, level, onFileSelect, onDirectoryClick, selectedFile, o Rename - + Delete diff --git a/frontend/src/components/message/ContentDiffViewer.tsx b/frontend/src/components/message/ContentDiffViewer.tsx index f439517ae..301c7a336 100644 --- a/frontend/src/components/message/ContentDiffViewer.tsx +++ b/frontend/src/components/message/ContentDiffViewer.tsx @@ -117,8 +117,8 @@ export function ContentDiffViewer({ before, after }: ContentDiffViewerProps) { key={index} className={cn( 'flex font-mono text-xs', - isAdd && 'bg-green-500/10', - isRemove && 'bg-red-500/10', + isAdd && 'bg-success/10', + isRemove && 'bg-destructive/10', )} > {!isMobile && ( @@ -132,14 +132,14 @@ export function ContentDiffViewer({ before, after }: ContentDiffViewerProps) { )}
- {isAdd && } - {isRemove && } + {isAdd && } + {isRemove && } 
                 {truncateLine(line.content)}
@@ -170,4 +170,4 @@ export function ContentDiffViewer({ before, after }: ContentDiffViewerProps) {
       )}
     
   )
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/message/DiffStats.tsx b/frontend/src/components/message/DiffStats.tsx
index cdc0e0c2e..32469cd2e 100644
--- a/frontend/src/components/message/DiffStats.tsx
+++ b/frontend/src/components/message/DiffStats.tsx
@@ -14,7 +14,7 @@ export function DiffStats({ additions, deletions, variant = 'default' }: DiffSta
   return (
     
       {additions > 0 && (
-        
+        
           {compact ? `+${additions}` : `+${additions}`}
         
       )}
@@ -22,10 +22,10 @@ export function DiffStats({ additions, deletions, variant = 'default' }: DiffSta
         {compact ? '/' : ' '}
       )}
       {deletions > 0 && (
-        
+        
           {compact ? `-${deletions}` : `-${deletions}`}
         
       )}
     
   )
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/message/EditableUserMessage.tsx b/frontend/src/components/message/EditableUserMessage.tsx
index 62ab586b2..779100e43 100644
--- a/frontend/src/components/message/EditableUserMessage.tsx
+++ b/frontend/src/components/message/EditableUserMessage.tsx
@@ -150,7 +150,7 @@ export const ClickableUserMessage = memo(function ClickableUserMessage({
   return (
     
             )}
             {isQueued && (
-              
+              
                 QUEUED
               
             )}
diff --git a/frontend/src/components/message/PatchPart.tsx b/frontend/src/components/message/PatchPart.tsx
index 725a76360..f16db5004 100644
--- a/frontend/src/components/message/PatchPart.tsx
+++ b/frontend/src/components/message/PatchPart.tsx
@@ -38,7 +38,7 @@ export function PatchPart({ part, onFileClick }: PatchPartProps) {
         {displayedFiles.map((file, index) => (
           
 onFileClick?.(file)}
           >
             {getRelativePath(file)}
@@ -67,4 +67,4 @@ export function PatchPart({ part, onFileClick }: PatchPartProps) {
       

     
   )
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/message/RetryPart.tsx b/frontend/src/components/message/RetryPart.tsx
index ec95bcae9..e35de0771 100644
--- a/frontend/src/components/message/RetryPart.tsx
+++ b/frontend/src/components/message/RetryPart.tsx
@@ -37,24 +37,24 @@ export const RetryPart = memo(function RetryPart({ part }: RetryPartProps) {
   const errorMessage = part.error?.data?.message || 'An error occurred'
   
   return (
-    

+    

       

         

-          
-          
+          
+          
         

       

       

         

-          
+          
             Retry attempt {part.attempt}
           
           {countdown > 0 ? (
-            
+            
               (retrying in {countdown}s)
             
           ) : (
-            
+            
               (retrying...)
             
           )}
diff --git a/frontend/src/components/message/SessionTodoDisplay.tsx b/frontend/src/components/message/SessionTodoDisplay.tsx
index f88941337..2e769a0b5 100644
--- a/frontend/src/components/message/SessionTodoDisplay.tsx
+++ b/frontend/src/components/message/SessionTodoDisplay.tsx
@@ -89,7 +89,7 @@ export function SessionTodoDisplay({ sessionID }: SessionTodoDisplayProps) {
           
           

             

           

@@ -117,7 +117,7 @@ export function SessionTodoDisplay({ sessionID }: SessionTodoDisplayProps) {
         
         

           

         

@@ -136,4 +136,4 @@ export function SessionTodoDisplay({ sessionID }: SessionTodoDisplayProps) {
       

     

   )
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/message/TextPart.tsx b/frontend/src/components/message/TextPart.tsx
index 721c0dfaf..f09e6178d 100644
--- a/frontend/src/components/message/TextPart.tsx
+++ b/frontend/src/components/message/TextPart.tsx
@@ -74,12 +74,12 @@ function MermaidBlock({ code }: MermaidBlockProps) {
   if (error) {
     return (
       

-        

-          

+        

+          

             
             Mermaid Error
           

-          
{error}

+          
{error}

           
             {code}
           

diff --git a/frontend/src/components/message/TodoItem.tsx b/frontend/src/components/message/TodoItem.tsx
index 6a1f157ea..acd1f5cec 100644
--- a/frontend/src/components/message/TodoItem.tsx
+++ b/frontend/src/components/message/TodoItem.tsx
@@ -15,16 +15,16 @@ export function TodoItem({ todo, compact = false }: TodoItemProps) {
   return (
     

       {isCompleted ? (
-        
+        
       ) : isInProgress ? (
-        
+        
       ) : (
         
       )}
       
         {ref.fullMatch}
@@ -95,13 +95,13 @@ export function ToolCallPart({ part, onFileClick, onChildSessionClick }: ToolCal
   const getStatusColor = () => {
     switch (part.state.status) {
       case 'completed':
-        return 'text-green-600 dark:text-green-400'
+        return 'text-success'
       case 'error':
-        return 'text-red-600 dark:text-red-400'
+        return 'text-destructive'
       case 'running':
-        if (isWaitingPermission) return 'text-orange-600 dark:text-orange-400'
-        if (isWaitingQuestion) return 'text-blue-600 dark:text-blue-400'
-        return 'text-yellow-600 dark:text-yellow-400'
+        if (isWaitingPermission) return 'text-warning'
+        if (isWaitingQuestion) return 'text-info'
+        return 'text-warning'
       default:
         return 'text-muted-foreground'
     }
@@ -210,7 +210,7 @@ export function ToolCallPart({ part, onFileClick, onChildSessionClick }: ToolCal
   if (isTodoTool) {
     if (part.state.status === 'error') {
       return (
-        

+        

           Error updating tasks: {part.state.error}
         

       )
@@ -230,7 +230,7 @@ export function ToolCallPart({ part, onFileClick, onChildSessionClick }: ToolCal
     return (
       

         

-          ✓
+          ✓
           $
           {command}
           {part.state.status === 'completed' && part.state.time && (
@@ -252,13 +252,13 @@ export function ToolCallPart({ part, onFileClick, onChildSessionClick }: ToolCal
   const getBorderStyle = () => {
     switch (part.state.status) {
       case 'running':
-        if (isWaitingPermission) return 'border-orange-500/50 shadow-sm shadow-orange-500/20'
-        if (isWaitingQuestion) return 'border-blue-500/50 shadow-sm shadow-blue-500/20'
-        return 'border-yellow-500/50 shadow-sm shadow-yellow-500/10'
+        if (isWaitingPermission) return 'border-warning/40 shadow-sm shadow-warning/15'
+        if (isWaitingQuestion) return 'border-info/40 shadow-sm shadow-info/15'
+        return 'border-warning/40 shadow-sm shadow-warning/10'
       case 'pending':
-        return 'border-blue-500/30'
+        return 'border-info/30'
       case 'error':
-        return 'border-red-500/30'
+        return 'border-destructive/30'
       case 'completed':
         return 'border-border'
       default:
@@ -283,7 +283,7 @@ export function ToolCallPart({ part, onFileClick, onChildSessionClick }: ToolCal
                 onFileClick(previewText)
               }
             }}
-            className="text-blue-600 dark:text-blue-400 text-xs truncate hover:text-blue-700 dark:hover:text-blue-300 cursor-pointer underline decoration-dotted"
+            className="cursor-pointer truncate text-xs text-info underline decoration-dotted hover:text-info"
             title={`Click to open ${previewText}`}
           >
             {previewText}
@@ -316,9 +316,9 @@ export function ToolCallPart({ part, onFileClick, onChildSessionClick }: ToolCal
           {part.state.status === 'pending' && (
             

               

-                
-                
-                
+                
+                
+                
               

               Preparing tool call...
             

@@ -336,9 +336,9 @@ export function ToolCallPart({ part, onFileClick, onChildSessionClick }: ToolCal
                     />
                   

                   

-                    $ {typeof part.state.input?.command === 'string' ? part.state.input.command : ''}
+                    $ {typeof part.state.input?.command === 'string' ? part.state.input.command : ''}
                   

-                  

+                  

                     
                     {isWaitingPermission ? 'Waiting for permission...' : 'Running...'}
                   

@@ -347,7 +347,7 @@ export function ToolCallPart({ part, onFileClick, onChildSessionClick }: ToolCal
                 

                   
Input:

                   
-                  

+                  

                     
                     {isWaitingPermission ? 'Waiting for permission...' : 'Running...'}
                   

@@ -368,7 +368,7 @@ export function ToolCallPart({ part, onFileClick, onChildSessionClick }: ToolCal
                     />
                   

                   

-                    $ {typeof part.state.input?.command === 'string' ? part.state.input.command : ''}
+                    $ {typeof part.state.input?.command === 'string' ? part.state.input.command : ''}
                   

                 

               ) : (
@@ -398,8 +398,8 @@ export function ToolCallPart({ part, onFileClick, onChildSessionClick }: ToolCal
 
           {part.state.status === 'error' && (
             

-              
Error:

-              
+              
Error:

+              
                 {part.state.error}
               

             

diff --git a/frontend/src/components/model/ModelSelectDialog.tsx b/frontend/src/components/model/ModelSelectDialog.tsx
index 966115c70..35b8466f9 100644
--- a/frontend/src/components/model/ModelSelectDialog.tsx
+++ b/frontend/src/components/model/ModelSelectDialog.tsx
@@ -93,9 +93,9 @@ const ModelCard = memo(function ModelCard({
   }, [model.reasoning, model.tool_call, model.attachment]);
 
   const statusBadge = useMemo(() => {
-    if (model.experimental) return Experimental;
+    if (model.experimental) return Experimental;
     if (model.status === "alpha") return Alpha;
-    if (model.status === "beta") return Beta;
+    if (model.status === "beta") return Beta;
     return null;
   }, [model.experimental, model.status]);
 
@@ -103,8 +103,8 @@ const ModelCard = memo(function ModelCard({
     
 onSelect(provider.id, model.key || model.id)}
     >
@@ -206,14 +206,14 @@ const ModelGrid = memo(function ModelGrid({
   if (loading) {
     return (
       

-        
+        
       

     );
   }
 
   if (models.length === 0 && (!showRecent || (favoriteModels.length === 0 && recentModels.length === 0))) {
     return (
-      

+      

         No models found
       

     );
@@ -306,7 +306,7 @@ const ProviderSidebar = memo(function ProviderSidebar({
   onSelect,
 }: ProviderSidebarProps) {
   return (
-    

+    

       

         
                         
@@ -184,7 +184,7 @@ export function RepoMcpServerList({
                     {serverConfig ? getDescription(serverConfig) : 'MCP server'}
                   

                   {failed && status.status === 'failed' && (
-                    

+                    

                       
                       {status.error}
                     

diff --git a/frontend/src/components/repo/SwitchConfigDialog.tsx b/frontend/src/components/repo/SwitchConfigDialog.tsx
index 744c90f83..052c16d77 100644
--- a/frontend/src/components/repo/SwitchConfigDialog.tsx
+++ b/frontend/src/components/repo/SwitchConfigDialog.tsx
@@ -91,7 +91,7 @@ export function SwitchConfigDialog({
 
           {loading ? (
             

-              
+              
               Loading configs...
             

           ) : configs.length === 0 ? (
@@ -107,7 +107,7 @@ export function SwitchConfigDialog({
                     

                       {config.name}
                       {config.isDefault && (
-                        (default)
+                        (default)
                       )}
                     

                   
@@ -117,9 +117,9 @@ export function SwitchConfigDialog({
           )}
 
           {error && (
-            

-              
-              
{error}

+            

+              
+              
{error}

             

           )}
 
@@ -134,7 +134,6 @@ export function SwitchConfigDialog({
             

   )
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/session/EditSessionTitleDialog.tsx b/frontend/src/components/session/EditSessionTitleDialog.tsx
index 6e90c2e69..591e36865 100644
--- a/frontend/src/components/session/EditSessionTitleDialog.tsx
+++ b/frontend/src/components/session/EditSessionTitleDialog.tsx
@@ -75,7 +75,7 @@ export function EditSessionTitleDialog({ isOpen, currentTitle, onClose, onSave }
                   setEditTitle("");
                   inputRef.current?.focus();
                 }}
-                className="absolute right-2 top-1/2 -translate-y-1/2 p-1.5 rounded-full hover:bg-red-500/10 text-red-500 transition-colors"
+                className="absolute right-2 top-1/2 -translate-y-1/2 rounded-full p-1.5 text-destructive transition-colors hover:bg-destructive/10"
               >
                 
               
@@ -102,4 +102,4 @@ export function EditSessionTitleDialog({ isOpen, currentTitle, onClose, onSave }
       
     
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/session/PermissionRequestDialog.tsx b/frontend/src/components/session/PermissionRequestDialog.tsx
index 2a74ec5a7..c713e3a15 100644
--- a/frontend/src/components/session/PermissionRequestDialog.tsx
+++ b/frontend/src/components/session/PermissionRequestDialog.tsx
@@ -105,7 +105,7 @@ export function PermissionRequestDialog({
               

             )}
             {isFromDifferentSession ? (
-              

+              

                 From another session: {displaySessionName}
               

             ) : (
diff --git a/frontend/src/components/session/QuestionPrompt.tsx b/frontend/src/components/session/QuestionPrompt.tsx
index a1721c2c5..d989c93c1 100644
--- a/frontend/src/components/session/QuestionPrompt.tsx
+++ b/frontend/src/components/session/QuestionPrompt.tsx
@@ -210,40 +210,38 @@ export function QuestionPrompt({ question, onReply, onReject, onMinimize }: Ques
   }, [isMinimized, expandedOther, handleMinimize, onMinimize])
 
   return (
-    

-      

+    

+      

         
         
       

 
       {!isMinimized ? (
-        

           {isConfirmStep ? (
-            
           ) : currentQuestion && (
@@ -264,7 +262,7 @@ export function QuestionPrompt({ question, onReply, onReject, onMinimize }: Ques
         

       ) : null}
 
-      

+      

         
@@ -362,8 +360,8 @@ function QuestionStep({
               className={cn(
                 "w-full text-left p-2 sm:p-3 rounded-lg transition-all duration-200 active:scale-[0.98]",
                 isSelected
-                  ? "bg-blue-200 dark:bg-blue-700/50"
-                  : "bg-white/40 dark:bg-white/5 hover:bg-white/60 dark:hover:bg-white/10"
+                  ? "bg-primary/12"
+                  : "bg-background/50 hover:bg-background/80 dark:bg-white/5 dark:hover:bg-white/10"
               )}
             >
               

@@ -371,14 +369,14 @@ function QuestionStep({
                   

                     {isSelected && }
                   

                   
                     {option.label}
                   
@@ -404,22 +402,22 @@ function QuestionStep({
           className={cn(
             "w-full text-left p-2 sm:p-3 rounded-lg transition-all duration-200",
             expandedOther || isCustomSelected
-              ? "bg-blue-200 dark:bg-blue-700/50"
-              : "bg-white/40 dark:bg-white/5 hover:bg-white/60 dark:hover:bg-white/10"
+              ? "bg-primary/12"
+              : "bg-background/50 hover:bg-background/80 dark:bg-white/5 dark:hover:bg-white/10"
           )}
         >
           

             

               {isCustomSelected && }
             

             
               Other...
             
@@ -433,7 +431,7 @@ function QuestionStep({
               value={customInput}
               onChange={(e) => onCustomInputChange(e.target.value)}
               placeholder="Type your own answer..."
-              className="min-h-[60px] sm:min-h-[80px] text-[16px] sm:text-xs md:text-sm resize-none border-blue-500/30 focus:border-blue-500"
+              className="min-h-[60px] resize-none border-primary/30 text-[16px] sm:min-h-[80px] sm:text-xs md:text-sm focus:border-primary"
               onKeyDown={(e) => {
                 if (e.key === 'Enter' && !e.shiftKey) {
                   e.preventDefault()
@@ -479,8 +477,8 @@ function ConfirmStep({ questions, answers, onEditQuestion }: ConfirmStepProps) {
               className={cn(
                 "w-full text-left p-2 sm:p-3 rounded-lg transition-colors",
                 hasAnswer 
-                  ? "bg-green-50 dark:bg-green-900/30 hover:bg-green-100 dark:hover:bg-green-900/50" 
-                  : "bg-red-50 dark:bg-red-900/30 hover:bg-red-100 dark:hover:bg-red-900/50"
+                  ? "bg-success/10 hover:bg-success/16" 
+                  : "bg-destructive/10 hover:bg-destructive/14"
               )}
             >
               

@@ -488,7 +486,7 @@ function ConfirmStep({ questions, answers, onEditQuestion }: ConfirmStepProps) {
                   
{q.header}

                   

                     {hasAnswer ? answer.join(', ') : '(not answered)'}
                   

diff --git a/frontend/src/components/settings/AccountSettings.tsx b/frontend/src/components/settings/AccountSettings.tsx
index c346332ac..460973357 100644
--- a/frontend/src/components/settings/AccountSettings.tsx
+++ b/frontend/src/components/settings/AccountSettings.tsx
@@ -148,7 +148,7 @@ export function AccountSettings() {
       )}
 
       {success && (
-        
+        
           
           {success}
         
diff --git a/frontend/src/components/settings/AgentsMdEditor.tsx b/frontend/src/components/settings/AgentsMdEditor.tsx
index d2899bffb..b4c44856a 100644
--- a/frontend/src/components/settings/AgentsMdEditor.tsx
+++ b/frontend/src/components/settings/AgentsMdEditor.tsx
@@ -83,7 +83,7 @@ export function AgentsMdEditor() {
 
   if (error) {
     return (
-      

+      

         Failed to load AGENTS.md
       

     )
@@ -153,7 +153,7 @@ export function AgentsMdEditor() {
       

 
       {hasChanges && (
-        
You have unsaved changes

+        
You have unsaved changes

       )}
     

   )
diff --git a/frontend/src/components/settings/CreateConfigDialog.tsx b/frontend/src/components/settings/CreateConfigDialog.tsx
index 193f3f89f..851b2d273 100644
--- a/frontend/src/components/settings/CreateConfigDialog.tsx
+++ b/frontend/src/components/settings/CreateConfigDialog.tsx
@@ -141,7 +141,7 @@ export function CreateConfigDialog({ isOpen, onOpenChange, onCreate, isUpdating
               className="font-mono md:text-sm"
             />
             {error && (
-              

+              

                 {error}
                 {errorLine && (
                   (Line {errorLine})
@@ -177,4 +177,4 @@ export function CreateConfigDialog({ isOpen, onOpenChange, onCreate, isUpdating
       
     
   )
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/settings/GeneralSettings.tsx b/frontend/src/components/settings/GeneralSettings.tsx
index 69e22b78a..0b70eee40 100644
--- a/frontend/src/components/settings/GeneralSettings.tsx
+++ b/frontend/src/components/settings/GeneralSettings.tsx
@@ -1,13 +1,55 @@
 import { useSettings } from '@/hooks/useSettings'
+import { useTheme } from '@/hooks/useTheme'
 import { useVersionCheck } from '@/hooks/useVersionCheck'
 import { Loader2 } from 'lucide-react'
 import { Label } from '@/components/ui/label'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { Switch } from '@/components/ui/switch'
+import { DEFAULT_THEME_PRESET, getThemeLabel, OPENCODE_THEME_OPTIONS, resolveOpenCodeTheme } from '@/lib/opencodeThemes'
+
+function PreferenceToggle({
+  id,
+  title,
+  description,
+  checked,
+  onCheckedChange,
+}: {
+  id: string
+  title: string
+  description: string
+  checked: boolean
+  onCheckedChange: (checked: boolean) => void
+}) {
+  return (
+    

+      

+        

+          
+          
{description}

+        

+        
+      

+    

+  )
+}
 
 export function GeneralSettings() {
   const { preferences, isLoading, updateSettings, isUpdating } = useSettings()
   const { data: versionInfo, isLoading: isVersionLoading } = useVersionCheck()
+  const currentMode = useTheme()
+
+  const appearance = preferences?.theme || 'dark'
+  const themePreset = preferences?.themePreset || DEFAULT_THEME_PRESET
+  const previewMode = appearance === 'system' ? currentMode : appearance
+  const previewTheme = resolveOpenCodeTheme(themePreset, previewMode)
+  const previewSwatches = [
+    previewTheme.primary,
+    previewTheme.secondary,
+    previewTheme.info,
+    previewTheme.success,
+    previewTheme.warning,
+    previewTheme.error,
+  ]
 
   if (isLoading) {
     return (
@@ -18,17 +60,19 @@ export function GeneralSettings() {
   }
 
   return (
-    

-      
General Preferences

-
-      

-        

-          OpenCode Manager
+    

+      

+        

+          
Preferences

+          
General Settings

+        

+        

+          OpenCode Manager
           {isVersionLoading ? (
             
           ) : versionInfo?.currentVersion ? (
             <>
-              
+              
                 {versionInfo.currentVersion}
               
               {versionInfo.updateAvailable && versionInfo.latestVersion && (
@@ -36,7 +80,7 @@ export function GeneralSettings() {
                   href={versionInfo.releaseUrl ?? ''}
                   target="_blank"
                   rel="noopener noreferrer"
-                  className="text-xs font-medium text-green-500 hover:text-green-400 transition-colors"
+                  className="text-xs font-medium text-success transition-colors hover:text-success/80"
                 >
                   v{versionInfo.latestVersion} available
                 
@@ -46,107 +90,120 @@ export function GeneralSettings() {
             unknown
           )}
         

+      

 
-        

-          
-          
-          

-            Choose your preferred color scheme
-          

-        

-
-        

-          

-            
-            

-              Show only your messages and the assistant's replies. Hides tool calls, reasoning, diffs, and agent details.
-            

-          

-           updateSettings({ simpleChatMode: checked })}
-          />
-        

+      

+        

+          

+            

+              
+              
+              
Matches the built-in palettes available in OpenCode's `/theme` picker.

+            

 
-        

-          

-            
-            

-              Automatically scroll to bottom when new messages arrive
-            

+            

+              
+              
+              
Controls whether the selected OpenCode palette renders in light, dark, or system mode.

+            

           

-           updateSettings({ autoScroll: checked })}
-          />
-        

 
-        {!preferences?.simpleChatMode && (
-          <>
-            

-              

-                
-                

-                  Display model reasoning and thought process
-                

+          

+            

+              

+                
Live Preview

+                
{getThemeLabel(themePreset)}

+                
{previewMode === 'dark' ? 'Dark mode' : 'Light mode'} palette preview

               

-               updateSettings({ showReasoning: checked })}
-              />
+              
+                {previewMode}
+              
             

 
-            

-              

-                
-                

-                  Automatically expand tool call details by default
-                

-              

-               updateSettings({ expandToolCalls: checked })}
-              />
+            

+              {previewSwatches.map((color) => (
+                

+                  

+                

+              ))}
             

 
-            

-              

-                
-                

-                  Show file diffs expanded by default for edit operations
-                

+            

+              

+                
Panel

+                
Workspace shell

+              

+              

+                
Element

+                
Inputs and cards

+              

+              

+                
Diff

+                
Added lines

               

-               updateSettings({ expandDiffs: checked })}
-              />
             

-          
-        )}
+          

+        

+
+         updateSettings({ autoScroll: checked })}
+        />
+
+         updateSettings({ showReasoning: checked })}
+        />
 
+         updateSettings({ expandToolCalls: checked })}
+        />
 
+         updateSettings({ expandDiffs: checked })}
+        />
 
         {isUpdating && (
-          

+          

             
-            Saving...
+            Saving theme and preference changes...
           

         )}
       

diff --git a/frontend/src/components/settings/McpOAuthDialog.tsx b/frontend/src/components/settings/McpOAuthDialog.tsx
index a8138ab56..c27dcf970 100644
--- a/frontend/src/components/settings/McpOAuthDialog.tsx
+++ b/frontend/src/components/settings/McpOAuthDialog.tsx
@@ -288,7 +288,7 @@ export function McpOAuthDialog({
           {step === 'waiting' && (
             

               

-                
+                
                 Waiting for authorization...
               

               

@@ -321,7 +321,7 @@ export function McpOAuthDialog({
           {step === 'popup_closed' && (
             

               

-                
+                
                 Checking authentication status...
               

               

@@ -363,7 +363,7 @@ export function McpOAuthDialog({
 
           {step === 'success' && (
             

-              
+              
               
Authentication successful

             

           )}
diff --git a/frontend/src/components/settings/McpServerCard.tsx b/frontend/src/components/settings/McpServerCard.tsx
index faf6e7378..26d39fe4d 100644
--- a/frontend/src/components/settings/McpServerCard.tsx
+++ b/frontend/src/components/settings/McpServerCard.tsx
@@ -23,7 +23,7 @@ interface McpServerCardProps {
 function getStatusBadge(status: McpStatus) {
   switch (status.status) {
     case 'connected':
-      return Connected
+      return Connected
     case 'disabled':
       return Disabled
     case 'failed':
@@ -35,14 +35,14 @@ function getStatusBadge(status: McpStatus) {
       )
     case 'needs_auth':
       return (
-        
+        
           
           Auth Required
         
       )
     case 'needs_client_registration':
       return (
-        
+        
           
           Registration Required
         
diff --git a/frontend/src/components/settings/NotificationSettings.tsx b/frontend/src/components/settings/NotificationSettings.tsx
index a7d252cee..28cfbe6ed 100644
--- a/frontend/src/components/settings/NotificationSettings.tsx
+++ b/frontend/src/components/settings/NotificationSettings.tsx
@@ -63,7 +63,7 @@ export function NotificationSettings() {
         

           Push Notifications
         

-        

+        

           
           

             Notification permission was denied. Please enable notifications in
diff --git a/frontend/src/components/settings/OpenCodeConfigManager.tsx b/frontend/src/components/settings/OpenCodeConfigManager.tsx
index 979cf14d1..3785ef3e4 100644
--- a/frontend/src/components/settings/OpenCodeConfigManager.tsx
+++ b/frontend/src/components/settings/OpenCodeConfigManager.tsx
@@ -346,7 +346,7 @@ export function OpenCodeConfigManager({ hideHealthStatus = false }: OpenCodeConf
           
             

               

-                

+                

                 

                   Server Status: {isUnhealthy ? 'Unhealthy' : 'Healthy'}
                 

@@ -706,7 +706,7 @@ export function OpenCodeConfigManager({ hideHealthStatus = false }: OpenCodeConf
               }}
             >
               

-                
+                
                 
Global Agent Instructions (AGENTS.md)

               

               
diff --git a/frontend/src/components/settings/ProviderSettings.tsx b/frontend/src/components/settings/ProviderSettings.tsx
index e3535ed5e..675b2f1ca 100644
--- a/frontend/src/components/settings/ProviderSettings.tsx
+++ b/frontend/src/components/settings/ProviderSettings.tsx
@@ -197,7 +197,7 @@ export function ProviderSettings() {
                         {provider.name || provider.id}
                       
                       {hasKey ? (
-                        
+                        
                           
                           Connected
                         
@@ -316,7 +316,7 @@ export function ProviderSettings() {
                             )}
                           

                           

-                            
+                            
                               
                               Connected
                             
diff --git a/frontend/src/components/settings/STTSettings.tsx b/frontend/src/components/settings/STTSettings.tsx
index 364f66524..082748108 100644
--- a/frontend/src/components/settings/STTSettings.tsx
+++ b/frontend/src/components/settings/STTSettings.tsx
@@ -183,12 +183,12 @@ export function STTSettings() {
         

           {saveStatus === 'saved' && (
             <>
-              
-              Saved
+              
+              Saved
             
           )}
           {saveStatus === 'idle' && isDirty && isValid && (
-            Unsaved changes
+            Unsaved changes
           )}
           {saveStatus === 'idle' && !isDirty && (
             All changes saved
@@ -379,8 +379,8 @@ export function STTSettings() {
               )}
 
               {sttError && (
-                

-                  

+                

+                  

                     
                     
{sttError}

                   

@@ -414,19 +414,19 @@ export function STTSettings() {
                     

                   )}
                   {!isTesting && !isProcessing && testResult === 'success' && testTranscript && (
-                    

+                    

                       

-                        
-                        Test successful
+                        
+                        Test successful
                       

-                      
{testTranscript}

+                      
{testTranscript}

                     

                   )}
                   {!isTesting && !isProcessing && testResult === 'failed' && (
-                    

+                    

                       

-                        
-                        Test failed - {sttError || 'no speech detected'}
+                        
+                        Test failed - {sttError || 'no speech detected'}
                       

                     

                   )}
@@ -438,8 +438,8 @@ export function STTSettings() {
                   className={`px-4 py-2 rounded-lg transition-all duration-200 active:scale-95 flex items-center gap-2 ${
                     !canTest && !isRecording && !isProcessing
                       ? 'bg-muted text-muted-foreground cursor-not-allowed'
-                      : isRecording
-                      ? 'bg-gradient-to-br from-red-600 to-red-700 hover:from-red-500 hover:to-red-600 text-destructive-foreground border-2 border-red-500/60 shadow-lg shadow-red-500/30'
+                    : isRecording
+                      ? 'border-2 border-destructive/50 bg-destructive text-destructive-foreground shadow-lg shadow-destructive/20 hover:bg-destructive/92'
                       : isProcessing
                       ? 'bg-muted text-muted-foreground cursor-wait'
                       : 'bg-primary hover:bg-primary/90 text-primary-foreground'
diff --git a/frontend/src/components/settings/TTSSettings.tsx b/frontend/src/components/settings/TTSSettings.tsx
index 86bc1f97c..bdd33dad5 100644
--- a/frontend/src/components/settings/TTSSettings.tsx
+++ b/frontend/src/components/settings/TTSSettings.tsx
@@ -254,12 +254,12 @@ export function TTSSettings() {
           )}
           {saveStatus === 'saved' && (
             <>
-              
-              Saved
+              
+              Saved
             
           )}
           {saveStatus === 'idle' && isDirty && isValid && (
-            Unsaved changes
+            Unsaved changes
           )}
           {saveStatus === 'idle' && !isDirty && (
             All changes saved
@@ -322,15 +322,15 @@ export function TTSSettings() {
                     form.setValue('provider', 'builtin', { shouldDirty: true })
                     form.setValue('apiKey', '', { shouldDirty: true })
                     form.setValue('endpoint', '', { shouldDirty: true })
-                  }}
-                  className={`flex flex-col items-center justify-center gap-2 rounded-lg border-2 p-4 transition ${
-                    watchProvider === 'builtin'
-                      ? 'border-blue-500 bg-blue-50 dark:bg-blue-900/20'
-                      : 'border-border hover:border-blue-300'
-                  }`}
-                >
-                  
-                  
+                   }}
+                   className={`flex flex-col items-center justify-center gap-2 rounded-lg border-2 p-4 transition ${
+                     watchProvider === 'builtin'
+                      ? 'border-primary bg-primary/10'
+                      : 'border-border hover:border-primary/40'
+                   }`}
+                 >
+                  
+                  
                     Built-in Browser
                   
                   
@@ -341,15 +341,15 @@ export function TTSSettings() {
                   type="button"
                   onClick={() => {
                     form.setValue('provider', 'external', { shouldDirty: true })
-                  }}
-                  className={`flex flex-col items-center justify-center gap-2 rounded-lg border-2 p-4 transition ${
-                    watchProvider === 'external'
-                      ? 'border-blue-500 bg-blue-50 dark:bg-blue-900/20'
-                      : 'border-border hover:border-blue-300'
-                  }`}
-                >
-                  
-                  
+                   }}
+                   className={`flex flex-col items-center justify-center gap-2 rounded-lg border-2 p-4 transition ${
+                     watchProvider === 'external'
+                      ? 'border-primary bg-primary/10'
+                      : 'border-border hover:border-primary/40'
+                   }`}
+                 >
+                  
+                  
                     External API
                   
                   
@@ -565,8 +565,8 @@ export function TTSSettings() {
                   />
 
                   {!hasWebSpeechSupport && (
-                    

-                      

+                    

+                      

                         Browser Not Supported: Your browser doesn't support Web Speech API. 
                         Please use Chrome, Safari, Firefox, or Edge, or switch to an external API provider.
                       

diff --git a/frontend/src/components/settings/VersionSelectDialog.tsx b/frontend/src/components/settings/VersionSelectDialog.tsx
index 0d7b1d242..ae7e59856 100644
--- a/frontend/src/components/settings/VersionSelectDialog.tsx
+++ b/frontend/src/components/settings/VersionSelectDialog.tsx
@@ -88,7 +88,7 @@ export function VersionSelectDialog({ open, onOpenChange }: VersionSelectDialogP
         )}
 
         {error && (
-          

+          

             Failed to fetch versions
           

         )}
@@ -106,20 +106,20 @@ export function VersionSelectDialog({ open, onOpenChange }: VersionSelectDialogP
                       key={release.version}
                       onClick={() => setSelectedVersion(isCurrent ? null : release.version)}
                       disabled={isCurrent || installMutation.isPending}
-                      className={`w-full text-left p-3 rounded-lg border transition-colors ${
-                        isSelected
-                          ? 'border-primary bg-primary/10'
-                          : isCurrent
-                            ? 'border-green-500/50 bg-green-500/10 cursor-default'
+                        className={`w-full text-left p-3 rounded-lg border transition-colors ${
+                          isSelected
+                            ? 'border-primary bg-primary/10'
+                            : isCurrent
+                            ? 'cursor-default border-success/30 bg-success/10'
                             : 'border-border hover:border-primary/50 hover:bg-muted/50'
-                      }`}
+                        }`}
                     >
                       

                         

                           

                             v{release.version}
                             {isCurrent && (
-                              
+                              
                                 Current
                               
                             )}
diff --git a/frontend/src/components/source-control/BranchesTab.tsx b/frontend/src/components/source-control/BranchesTab.tsx
index 5d91d9530..fb036dec2 100644
--- a/frontend/src/components/source-control/BranchesTab.tsx
+++ b/frontend/src/components/source-control/BranchesTab.tsx
@@ -218,13 +218,13 @@ export function BranchesTab({ repoId, currentBranch }: BranchesTabProps) {
                   title={isCheckedOutElsewhere ? 'Branch is checked out in another worktree' : undefined}
                 >
                   {isRemote ? (
-                    
+                    
                   ) : (
                     
                   )}
                   {branch.name}
                   {(isCheckedOutElsewhere || (isCurrent && isRepoWorktree)) && (
-                    worktree
+                    worktree
                   )}
                   {branch.type === 'local' && !branch.upstream && !branch.isWorktree && !(isCurrent && isRepoWorktree) && (
                     local
diff --git a/frontend/src/components/source-control/GitFlatFileItem.tsx b/frontend/src/components/source-control/GitFlatFileItem.tsx
index 6adeb8a13..7e4d1955e 100644
--- a/frontend/src/components/source-control/GitFlatFileItem.tsx
+++ b/frontend/src/components/source-control/GitFlatFileItem.tsx
@@ -70,10 +70,10 @@ export function GitFlatFileItem({ file, isSelected, onSelect, onStage, onUnstage
       {(file.additions !== undefined || file.deletions !== undefined) && (
         

           {file.additions !== undefined && file.additions > 0 && (
-            +{file.additions}
+            +{file.additions}
           )}
           {file.deletions !== undefined && file.deletions > 0 && (
-            -{file.deletions}
+            -{file.deletions}
           )}
         

       )}
@@ -99,7 +99,7 @@ export function GitFlatFileItem({ file, isSelected, onSelect, onStage, onUnstage
           onClick={handleDiscard}
           title="Discard changes"
         >
-          
+          
         
       )}
     

diff --git a/frontend/src/components/source-control/GitFlatFileList.tsx b/frontend/src/components/source-control/GitFlatFileList.tsx
index ba23ab614..0e9e41901 100644
--- a/frontend/src/components/source-control/GitFlatFileList.tsx
+++ b/frontend/src/components/source-control/GitFlatFileList.tsx
@@ -110,8 +110,8 @@ export function GitFlatFileList({
         
         {(totalAdditions !== undefined && totalAdditions > 0 || totalDeletions !== undefined && totalDeletions > 0) && (
           

-            {totalAdditions !== undefined && totalAdditions > 0 && +{totalAdditions}}
-            {totalDeletions !== undefined && totalDeletions > 0 && -{totalDeletions}}
+            {totalAdditions !== undefined && totalAdditions > 0 && +{totalAdditions}}
+            {totalDeletions !== undefined && totalDeletions > 0 && -{totalDeletions}}
           

         )}
         {!readOnly && (
@@ -120,7 +120,7 @@ export function GitFlatFileList({
               
-  );
+  )
 }
diff --git a/frontend/src/components/ui/badge.tsx b/frontend/src/components/ui/badge.tsx
index f000e3ef5..e66bb4e04 100644
--- a/frontend/src/components/ui/badge.tsx
+++ b/frontend/src/components/ui/badge.tsx
@@ -9,12 +9,15 @@ const badgeVariants = cva(
     variants: {
       variant: {
         default:
-          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+          "border-primary/20 bg-primary/12 text-primary hover:bg-primary/18",
         secondary:
-          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+          "border-border/70 bg-secondary text-secondary-foreground hover:bg-secondary/80",
         destructive:
-          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground",
+          "border-destructive/20 bg-destructive/12 text-destructive hover:bg-destructive/18",
+        outline: "border-border/70 bg-background/60 text-foreground",
+        info: "border-info/20 bg-info/12 text-info hover:bg-info/18",
+        success: "border-success/20 bg-success/12 text-success hover:bg-success/18",
+        warning: "border-warning/25 bg-warning/16 text-warning hover:bg-warning/22",
       },
     },
     defaultVariants: {
diff --git a/frontend/src/components/ui/button.tsx b/frontend/src/components/ui/button.tsx
index 4b7a12522..461f5b672 100644
--- a/frontend/src/components/ui/button.tsx
+++ b/frontend/src/components/ui/button.tsx
@@ -5,19 +5,19 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[calc(var(--radius)-0.125rem)] border text-sm font-medium transition-[color,background-color,border-color,box-shadow,transform] disabled:pointer-events-none disabled:opacity-50 active:translate-y-px [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/60 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        default: "border-primary/60 bg-primary text-primary-foreground shadow-[inset_0_1px_0_color-mix(in_oklab,var(--primary-foreground)_12%,transparent)] hover:border-primary hover:bg-primary-hover",
         destructive:
-          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+          "border-destructive/50 bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 focus-visible:ring-destructive/25 dark:focus-visible:ring-destructive/35 dark:bg-destructive/65",
         outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+          "border-border/70 bg-panel/80 text-foreground shadow-[inset_0_1px_0_color-mix(in_oklab,var(--foreground)_4%,transparent)] hover:border-border hover:bg-accent/70 hover:text-accent-foreground",
         secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+          "border-border/60 bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/85",
         ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+          "border-transparent text-muted-foreground hover:border-border/60 hover:bg-accent/70 hover:text-accent-foreground dark:hover:bg-accent/60",
         link: "text-primary underline-offset-4 hover:underline",
       },
       size: {
diff --git a/frontend/src/components/ui/card.tsx b/frontend/src/components/ui/card.tsx
index f62edea57..a9d895cfd 100644
--- a/frontend/src/components/ui/card.tsx
+++ b/frontend/src/components/ui/card.tsx
@@ -9,7 +9,7 @@ const Card = React.forwardRef<
   

       {copied ? (
-        
+        
       ) : (
-        
+        
       )}
     
   )
diff --git a/frontend/src/components/ui/dialog.tsx b/frontend/src/components/ui/dialog.tsx
index 819dbabd9..289ef4c2e 100644
--- a/frontend/src/components/ui/dialog.tsx
+++ b/frontend/src/components/ui/dialog.tsx
@@ -125,7 +125,7 @@ const DialogContent = React.forwardRef<
         )}
         {!hideCloseButton && !fullscreen && (
           ) {
+  return 
+}
+
+const DrawerTrigger = DrawerPrimitive.Trigger
+const DrawerPortal = DrawerPrimitive.Portal
+const DrawerClose = DrawerPrimitive.Close
+
+const DrawerOverlay = React.forwardRef<
+  React.ElementRef,
+  React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+  
+))
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
+
+const DrawerContent = React.forwardRef<
+  React.ElementRef,
+  React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+  
+    
+    
+      

+      {children}
+    
+  
+))
+DrawerContent.displayName = DrawerPrimitive.Content.displayName
+
+function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return 

+}
+
+function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return 

+}
+
+const DrawerTitle = React.forwardRef<
+  React.ElementRef,
+  React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+  
+))
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName
+
+const DrawerDescription = React.forwardRef<
+  React.ElementRef,
+  React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+  
+))
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+}
diff --git a/frontend/src/components/ui/input.tsx b/frontend/src/components/ui/input.tsx
index 6c7d6b198..ed90e543e 100644
--- a/frontend/src/components/ui/input.tsx
+++ b/frontend/src/components/ui/input.tsx
@@ -8,7 +8,7 @@ const Input = React.forwardRef>(
        {
     );
     expect(screen.getByText("Test Child")).toBeInTheDocument();
   });
+
+  it("merges custom className", () => {
+    render(
+      
+        Content
+      
+    );
+    const header = screen.getByTestId("header");
+    expect(header).toHaveClass("custom-class");
+    expect(header).toHaveClass("pt-safe");
+  });
+
+  it("forwards additional props", () => {
+    render(
+      
+        Content
+      
+    );
+    const header = screen.getByTestId("header");
+    expect(header).toHaveAttribute("aria-label", "Page header");
+  });
+
+  it("applies z-10 for proper stacking", () => {
+    render(Content);
+    const header = screen.getByTestId("header");
+    expect(header).toHaveClass("z-10");
+  });
+
+  it("applies background and border styling", () => {
+    render(Content);
+    const header = screen.getByTestId("header");
+    expect(header).toHaveClass("border-b");
+    expect(header).toHaveClass("border-border/60");
+    expect(header).toHaveClass("bg-background/90");
+  });
+
+  it("applies backdrop-blur-xl for frosted glass effect", () => {
+    render(Content);
+    const header = screen.getByTestId("header");
+    expect(header).toHaveClass("backdrop-blur-xl");
+  });
 });
diff --git a/frontend/src/components/ui/page-header.tsx b/frontend/src/components/ui/page-header.tsx
index 424482116..87e9e9750 100644
--- a/frontend/src/components/ui/page-header.tsx
+++ b/frontend/src/components/ui/page-header.tsx
@@ -1,8 +1,9 @@
-import * as React from "react";
-import { cn } from "@/lib/utils";
+import * as React from 'react'
+
+import { cn } from '@/lib/utils'
 
 export interface PageHeaderProps extends React.HTMLAttributes {
-  children: React.ReactNode;
+  children: React.ReactNode
 }
 
 export const PageHeader = React.forwardRef(
@@ -11,15 +12,15 @@ export const PageHeader = React.forwardRef(
       

         {children}
       

-    );
+    )
   }
-);
+)
 
-PageHeader.displayName = "PageHeader";
+PageHeader.displayName = 'PageHeader'
diff --git a/frontend/src/components/ui/pending-action-badge.tsx b/frontend/src/components/ui/pending-action-badge.tsx
index bed65aa8b..4c858bf98 100644
--- a/frontend/src/components/ui/pending-action-badge.tsx
+++ b/frontend/src/components/ui/pending-action-badge.tsx
@@ -2,18 +2,18 @@ import { type LucideIcon } from 'lucide-react'
 import { Button } from './button'
 import { cn } from '@/lib/utils'
 
-type BadgeColor = 'orange' | 'blue'
+type BadgeColor = 'warning' | 'info'
 
 const colorStyles: Record = {
-  orange: {
-    bg: 'bg-orange-500/10',
-    hover: 'hover:bg-orange-500/20',
-    text: 'text-orange-500',
+  warning: {
+    bg: 'bg-warning/10',
+    hover: 'hover:bg-warning/18',
+    text: 'text-warning',
   },
-  blue: {
-    bg: 'bg-blue-500/10',
-    hover: 'hover:bg-blue-500/20',
-    text: 'text-blue-500',
+  info: {
+    bg: 'bg-info/10',
+    hover: 'hover:bg-info/18',
+    text: 'text-info',
   },
 }
 
@@ -53,12 +53,12 @@ export function PendingActionBadge({
       title={`${count} pending ${label}${count > 1 ? 's' : ''}`}
     >
       
-      
-    
+        
+      
   )
 }
diff --git a/frontend/src/components/ui/resizable.tsx b/frontend/src/components/ui/resizable.tsx
new file mode 100644
index 000000000..7ccbf97a7
--- /dev/null
+++ b/frontend/src/components/ui/resizable.tsx
@@ -0,0 +1,45 @@
+"use client"
+
+import { GripVertical } from "lucide-react"
+import * as ResizablePrimitive from "react-resizable-panels"
+
+import { cn } from "@/lib/utils"
+
+function ResizablePanelGroup({ className, ...props }: React.ComponentProps) {
+  return (
+    
+  )
+}
+
+const ResizablePanel = ResizablePrimitive.Panel
+
+function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}: React.ComponentProps & {
+  withHandle?: boolean
+}) {
+  return (
+    
+      {withHandle && (
+        

+          
+        

+      )}
+    
+  )
+}
+
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
diff --git a/frontend/src/components/ui/select.tsx b/frontend/src/components/ui/select.tsx
index 67075a8c4..b4bfd5277 100644
--- a/frontend/src/components/ui/select.tsx
+++ b/frontend/src/components/ui/select.tsx
@@ -16,12 +16,12 @@ const SelectTrigger = React.forwardRef<
   React.ElementRef,
   React.ComponentPropsWithoutRef
 >(({ className, children, ...props }, ref) => (
-  span]:line-clamp-1 md:text-sm",
-      className
-    )}
+    span]:line-clamp-1 md:text-sm",
+        className
+      )}
     {...props}
   >
     {children}
@@ -72,13 +72,13 @@ const SelectContent = React.forwardRef<
   React.ComponentPropsWithoutRef
 >(({ className, children, position = "popper", ...props }, ref) => (
   
-    ,
   React.ComponentPropsWithoutRef
 >(({ className, children, ...props }, ref) => (
-  
     
diff --git a/frontend/src/components/ui/session-status-indicator.tsx b/frontend/src/components/ui/session-status-indicator.tsx
index aaae0c099..d71bb94ba 100644
--- a/frontend/src/components/ui/session-status-indicator.tsx
+++ b/frontend/src/components/ui/session-status-indicator.tsx
@@ -77,23 +77,23 @@ export const SessionStatusIndicator = memo(function SessionStatusIndicator({
     const intensity = Math.max(0, 1 - distance / (maxDistance + 2))
     
     if (statusType === 'retry') {
-      if (intensity > 0.8) return 'bg-amber-500'
-      if (intensity > 0.5) return 'bg-amber-500/70'
-      if (intensity > 0.2) return 'bg-amber-500/40'
-      return 'bg-amber-500/20'
+      if (intensity > 0.8) return 'bg-warning'
+      if (intensity > 0.5) return 'bg-warning/70'
+      if (intensity > 0.2) return 'bg-warning/40'
+      return 'bg-warning/20'
     }
     
     if (statusType === 'compact') {
-      if (intensity > 0.8) return 'bg-purple-500'
-      if (intensity > 0.5) return 'bg-purple-500/70'
-      if (intensity > 0.2) return 'bg-purple-500/40'
-      return 'bg-purple-500/20'
+      if (intensity > 0.8) return 'bg-chart-4'
+      if (intensity > 0.5) return 'bg-chart-4/70'
+      if (intensity > 0.2) return 'bg-chart-4/40'
+      return 'bg-chart-4/20'
     }
     
-    if (intensity > 0.8) return 'bg-blue-500'
-    if (intensity > 0.5) return 'bg-blue-500/70'
-    if (intensity > 0.2) return 'bg-blue-500/40'
-    return 'bg-blue-500/20'
+    if (intensity > 0.8) return 'bg-primary'
+    if (intensity > 0.5) return 'bg-primary/70'
+    if (intensity > 0.2) return 'bg-primary/40'
+    return 'bg-primary/20'
   }
   
   const segmentClass = size === 'sm' ? 'w-0.5 h-2' : 'w-1 h-4'
diff --git a/frontend/src/components/ui/switch.tsx b/frontend/src/components/ui/switch.tsx
index a16c1ef84..6f1124cd9 100644
--- a/frontend/src/components/ui/switch.tsx
+++ b/frontend/src/components/ui/switch.tsx
@@ -8,17 +8,15 @@ const Switch = React.forwardRef<
   React.ComponentPropsWithoutRef
 >(({ className, ...props }, ref) => (
   
     
   
 ))
diff --git a/frontend/src/components/ui/tabs.tsx b/frontend/src/components/ui/tabs.tsx
index a1e3f965e..d7563fd63 100644
--- a/frontend/src/components/ui/tabs.tsx
+++ b/frontend/src/components/ui/tabs.tsx
@@ -14,7 +14,7 @@ const TabsList = React.forwardRef<
    onLineChange(lineNum, e.target.value)}
           className={`flex-1 bg-transparent outline-none pl-2 text-[16px] md:text-sm ${
-            isEdited ? 'bg-yellow-500/10' : ''
+            isEdited ? 'bg-warning/10' : ''
           } ${
             lineWrap ? 'whitespace-pre-wrap break-all' : 'whitespace-pre'
           }`}
diff --git a/frontend/src/contexts/AuthContext.tsx b/frontend/src/contexts/AuthContext.tsx
index ec826ba34..9942d72bb 100644
--- a/frontend/src/contexts/AuthContext.tsx
+++ b/frontend/src/contexts/AuthContext.tsx
@@ -82,14 +82,34 @@ export function AuthProvider({ children }: AuthProviderProps) {
     try {
       const result = await authClient.signIn.passkey()
       if (result.error) {
-        return { error: result.error.message || 'Passkey sign in failed' }
+        const msg = result.error.message || 'Passkey sign in failed'
+        if (msg === 'auth cancelled' || result.error.code === 'AUTH_CANCELLED') {
+          return {
+            error:
+              'Passkey was cancelled or blocked. Open this app via your Tailscale HTTPS URL (same hostname as production), then try again. If it still fails, sign in with email and re-add the passkey under Account.',
+          }
+        }
+        return { error: msg }
       }
       await refetch()
       const from = (location.state as { from?: string })?.from || '/'
       navigate(from, { replace: true })
       return {}
     } catch (err) {
-      return { error: err instanceof Error ? err.message : 'Passkey sign in failed' }
+      const message = err instanceof Error ? err.message : 'Passkey sign in failed'
+      if (err instanceof DOMException || (err && typeof err === 'object' && 'name' in err)) {
+        const name = err instanceof DOMException ? err.name : String((err as { name?: string }).name || '')
+        if (name === 'NotAllowedError') {
+          return { error: 'Passkey prompt was dismissed or timed out. Try again.' }
+        }
+        if (name === 'SecurityError') {
+          return {
+            error:
+              'Passkey blocked for this origin. Use the Tailscale HTTPS hostname that matches production RP ID.',
+          }
+        }
+      }
+      return { error: message }
     }
   }, [refetch, navigate, location])
 
diff --git a/frontend/src/hooks/useTheme.ts b/frontend/src/hooks/useTheme.ts
index f152d73a6..203567369 100644
--- a/frontend/src/hooks/useTheme.ts
+++ b/frontend/src/hooks/useTheme.ts
@@ -1,4 +1,7 @@
 import { useEffect, useState } from 'react'
+
+import { DEFAULT_THEME_PRESET, getAppThemeVariables } from '@/lib/opencodeThemes'
+
 import { useSettings } from './useSettings'
 
 export function useTheme() {
@@ -7,29 +10,38 @@ export function useTheme() {
 
   useEffect(() => {
     const theme = preferences?.theme || 'dark'
+    const themePreset = preferences?.themePreset || DEFAULT_THEME_PRESET
     const root = document.documentElement
 
-    const applyTheme = (isDark: boolean) => {
+    const applyTheme = (mode: 'light' | 'dark') => {
+      const isDark = mode === 'dark'
+
       if (isDark) {
         root.classList.add('dark')
-        setCurrentTheme('dark')
       } else {
         root.classList.remove('dark')
-        setCurrentTheme('light')
       }
+
+      Object.entries(getAppThemeVariables(themePreset, mode)).forEach(([name, value]) => {
+        root.style.setProperty(name, value)
+      })
+
+      root.dataset.themePreset = themePreset
+      root.dataset.colorScheme = mode
+      setCurrentTheme(mode)
     }
 
     if (theme === 'system') {
       const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
-      applyTheme(mediaQuery.matches)
+      applyTheme(mediaQuery.matches ? 'dark' : 'light')
 
-      const listener = (e: MediaQueryListEvent) => applyTheme(e.matches)
+      const listener = (e: MediaQueryListEvent) => applyTheme(e.matches ? 'dark' : 'light')
       mediaQuery.addEventListener('change', listener)
       return () => mediaQuery.removeEventListener('change', listener)
     } else {
-      applyTheme(theme === 'dark')
+      applyTheme(theme === 'dark' ? 'dark' : 'light')
     }
-  }, [preferences?.theme])
+  }, [preferences?.theme, preferences?.themePreset])
 
   return currentTheme
 }
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 42b3f4ccc..0ea21e14e 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,59 +1,234 @@
 @import "tailwindcss";
 
-@theme {
-  --color-background: #0a0a0a;
-  --color-foreground: #fafafa;
-  --color-card: #141414;
-  --color-card-hover: #1a1a1a;
-  --color-border: #2a2a2a;
-  --color-primary: #1d4ed8;
-  --color-primary-hover: #1e40af;
-  --color-primary-foreground: #fafafa;
-  --color-muted-foreground: #d4d4d8;
-  --color-accent: #27272a;
-  --color-input: #323232;
-  --color-muted: #18181b;
-  --color-popover: #18181b;
-  --color-destructive: #dc2626;
-  --color-secondary: #27272a;
-  --color-secondary-foreground: #fafafa;
-  --color-accent-foreground: #fafafa;
+@theme inline {
+  --font-sans: "Berkeley Mono", "IBM Plex Mono", "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, monospace;
+  --font-mono: "Berkeley Mono", "IBM Plex Mono", "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, monospace;
+  --radius-sm: calc(var(--radius) - 0.25rem);
+  --radius-md: calc(var(--radius) - 0.125rem);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 0.25rem);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-hover: var(--card-hover);
+  --color-card-foreground: var(--card-foreground);
+  --color-panel: var(--panel);
+  --color-panel-foreground: var(--panel-foreground);
+  --color-panel-border: var(--panel-border);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-hover: var(--primary-hover);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+}
+
+:root {
+  --radius: 0.5rem;
+  --background: #0a0a0a;
+  --foreground: #eeeeee;
+  --card: #141414;
+  --card-hover: #1e1e1e;
+  --card-foreground: #eeeeee;
+  --panel: #1e1e1e;
+  --panel-foreground: #eeeeee;
+  --panel-border: #3c3c3c;
+  --popover: #141414;
+  --popover-foreground: #eeeeee;
+  --primary: #fab283;
+  --primary-hover: #ffc09f;
+  --primary-foreground: #0a0a0a;
+  --secondary: #262626;
+  --secondary-foreground: #eeeeee;
+  --muted: #141414;
+  --muted-foreground: #808080;
+  --accent: #1e1e1e;
+  --accent-foreground: #eeeeee;
+  --destructive: #e06c75;
+  --destructive-foreground: #fcfcfc;
+  --border: #484848;
+  --input: #1e1e1e;
+  --ring: rgb(250 178 131 / 0.32);
+  --info: #56b6c2;
+  --info-foreground: #0a0a0a;
+  --success: #7fd88f;
+  --success-foreground: #0a0a0a;
+  --warning: #f5a742;
+  --warning-foreground: #0a0a0a;
+  --sidebar: #141414;
+  --sidebar-foreground: #eeeeee;
+  --sidebar-primary: #fab283;
+  --sidebar-primary-foreground: #0a0a0a;
+  --sidebar-accent: #1e1e1e;
+  --sidebar-accent-foreground: #eeeeee;
+  --sidebar-border: #3c3c3c;
+  --sidebar-ring: rgb(250 178 131 / 0.32);
+  --chart-1: #fab283;
+  --chart-2: #7fd88f;
+  --chart-3: #f5a742;
+  --chart-4: #5c9cf5;
+  --chart-5: #56b6c2;
+  --scrollbar-track: transparent;
+  --scrollbar-thumb: #3c3c3c;
+  --scrollbar-thumb-hover: #606060;
+  --diff-added: #4fd6be;
+  --diff-added-bg: #20303b;
+  --diff-removed: #c53b53;
+  --diff-removed-bg: #37222c;
+  --diff-context: #828bb8;
+  --diff-context-bg: #141414;
+  --diff-line-number: #1e1e1e;
+  --diff-added-line-number-bg: #1b2b34;
+  --diff-removed-line-number-bg: #2d1f26;
+  --markdown-text: #eeeeee;
+  --markdown-heading: #9d7cd8;
+  --markdown-link: #fab283;
+  --markdown-link-text: #56b6c2;
+  --markdown-code: #7fd88f;
+  --markdown-block-quote: #e5c07b;
+  --markdown-emph: #e5c07b;
+  --markdown-strong: #f5a742;
+  --markdown-rule: #808080;
+  --markdown-list-item: #fab283;
+  --markdown-list-enumeration: #56b6c2;
+  --markdown-image: #fab283;
+  --markdown-image-text: #56b6c2;
+  --markdown-code-block: #eeeeee;
+  --syntax-comment: #808080;
+  --syntax-keyword: #9d7cd8;
+  --syntax-function: #fab283;
+  --syntax-variable: #e06c75;
+  --syntax-string: #7fd88f;
+  --syntax-number: #f5a742;
+  --syntax-type: #e5c07b;
+  --syntax-operator: #56b6c2;
+  --syntax-punctuation: #eeeeee;
+  color-scheme: dark;
 }
 
 :root:not(.dark) {
-  --color-background: #ffffff;
-  --color-foreground: #111827;
-  --color-card: #f9fafb;
-  --color-card-hover: #f3f4f6;
-  --color-border: #e5e7eb;
-  --color-primary: #1d4ed8;
-  --color-primary-hover: #1e40af;
-  --color-primary-foreground: #ffffff;
-  --color-muted-foreground: #6b7280;
-  --color-accent: #f3f4f6;
-  --color-input: #e5e7eb;
-  --color-muted: #f4f4f5;
-  --color-popover: #ffffff;
-  --color-destructive: #dc2626;
-  --color-secondary: #f4f4f5;
-  --color-secondary-foreground: #111827;
-  --color-accent-foreground: #111827;
+  --background: #ffffff;
+  --foreground: #1a1a1a;
+  --card: #fafafa;
+  --card-hover: #f5f5f5;
+  --card-foreground: #1a1a1a;
+  --panel: #f5f5f5;
+  --panel-foreground: #1a1a1a;
+  --panel-border: #d4d4d4;
+  --popover: #fafafa;
+  --popover-foreground: #1a1a1a;
+  --primary: #3b7dd8;
+  --primary-hover: #2968c3;
+  --primary-foreground: #ffffff;
+  --secondary: #f0f0f0;
+  --secondary-foreground: #1a1a1a;
+  --muted: #fafafa;
+  --muted-foreground: #8a8a8a;
+  --accent: #ebebeb;
+  --accent-foreground: #1a1a1a;
+  --destructive: #d1383d;
+  --destructive-foreground: #ffffff;
+  --border: #b8b8b8;
+  --input: #f5f5f5;
+  --ring: rgb(59 125 216 / 0.24);
+  --info: #318795;
+  --info-foreground: #ffffff;
+  --success: #3d9a57;
+  --success-foreground: #ffffff;
+  --warning: #d68c27;
+  --warning-foreground: #ffffff;
+  --sidebar: #fafafa;
+  --sidebar-foreground: #1a1a1a;
+  --sidebar-primary: #3b7dd8;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #f5f5f5;
+  --sidebar-accent-foreground: #1a1a1a;
+  --sidebar-border: #d4d4d4;
+  --sidebar-ring: rgb(59 125 216 / 0.24);
+  --chart-1: #3b7dd8;
+  --chart-2: #3d9a57;
+  --chart-3: #d68c27;
+  --chart-4: #7b5bb6;
+  --chart-5: #318795;
+  --scrollbar-track: transparent;
+  --scrollbar-thumb: #d4d4d4;
+  --scrollbar-thumb-hover: #a0a0a0;
+  --diff-added: #1e725c;
+  --diff-added-bg: #d5e5d5;
+  --diff-removed: #c53b53;
+  --diff-removed-bg: #f7d8db;
+  --diff-context: #7086b5;
+  --diff-context-bg: #fafafa;
+  --diff-line-number: #f5f5f5;
+  --diff-added-line-number-bg: #c5d5c5;
+  --diff-removed-line-number-bg: #e7c8cb;
+  --markdown-text: #1a1a1a;
+  --markdown-heading: #d68c27;
+  --markdown-link: #3b7dd8;
+  --markdown-link-text: #318795;
+  --markdown-code: #3d9a57;
+  --markdown-block-quote: #b0851f;
+  --markdown-emph: #b0851f;
+  --markdown-strong: #d68c27;
+  --markdown-rule: #8a8a8a;
+  --markdown-list-item: #3b7dd8;
+  --markdown-list-enumeration: #318795;
+  --markdown-image: #3b7dd8;
+  --markdown-image-text: #318795;
+  --markdown-code-block: #1a1a1a;
+  --syntax-comment: #8a8a8a;
+  --syntax-keyword: #d68c27;
+  --syntax-function: #3b7dd8;
+  --syntax-variable: #d1383d;
+  --syntax-string: #3d9a57;
+  --syntax-number: #d68c27;
+  --syntax-type: #b0851f;
+  --syntax-operator: #318795;
+  --syntax-punctuation: #1a1a1a;
+  color-scheme: light;
 }
 
 html {
-  background-color: #0a0a0a;
+  background-color: var(--background);
   min-height: calc(100% + env(safe-area-inset-top));
   overscroll-behavior-x: none;
 }
 
-:root:not(.dark) html {
-  background-color: #ffffff;
-}
-
 body {
-  background: linear-gradient(to bottom right, #0a0a0a, #0d0d0d, #0a0a0a);
-  color: var(--color-foreground);
-  transition: background-color 0.3s ease, color 0.3s ease;
+  background:
+    linear-gradient(180deg, color-mix(in oklab, var(--background) 92%, var(--panel) 8%), var(--background));
+  color: var(--foreground);
+  font-family: var(--font-sans);
+  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
   min-height: 100vh;
   min-height: 100dvh;
   overflow: hidden;
@@ -68,13 +243,65 @@ body {
   overflow: hidden;
 }
 
-:root:not(.dark) body {
-  background: linear-gradient(to bottom right, #ffffff, #f0f0f0, #ffffff);
-  min-height: 100vh;
-  min-height: 100dvh;
-  overflow: hidden;
-  position: fixed;
-  width: 100%;
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+
+  body {
+    @apply bg-background text-foreground antialiased;
+    font-feature-settings: "liga" 0, "calt" 0;
+  }
+
+  ::selection {
+    background: color-mix(in oklch, var(--primary) 26%, transparent);
+    color: var(--foreground);
+  }
+}
+
+.surface-panel {
+  background: color-mix(in oklab, var(--card) 96%, transparent);
+  border: 1px solid color-mix(in oklab, var(--panel-border) 88%, transparent);
+  box-shadow: inset 0 1px 0 color-mix(in oklab, var(--foreground) 3%, transparent);
+}
+
+.surface-panel-muted {
+  background: color-mix(in oklab, var(--panel) 92%, transparent);
+  border: 1px solid color-mix(in oklab, var(--panel-border) 68%, transparent);
+}
+
+.heading-ink {
+  color: var(--foreground);
+}
+
+.scrollbar-thin {
+  scrollbar-width: thin;
+  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
+  scrollbar-gutter: stable;
+}
+
+.scrollbar-thin::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+.scrollbar-thin::-webkit-scrollbar-track {
+  background: var(--scrollbar-track);
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: var(--scrollbar-thumb);
+  border: 2px solid transparent;
+  border-radius: 0.5rem;
+  background-clip: padding-box;
+}
+
+.scrollbar-thin::-webkit-scrollbar-thumb:hover {
+  background-color: var(--scrollbar-thumb-hover);
+}
+
+.scrollbar-thin::-webkit-scrollbar-corner {
+  background: transparent;
 }
 
 /* Custom animations */
@@ -204,44 +431,31 @@ body {
 
 .prose-enhanced strong {
   font-weight: 600;
-  color: var(--color-foreground);
+  color: var(--markdown-strong);
 }
 
 .prose-enhanced a {
-  color: #60a5fa;
+  color: var(--markdown-link);
   text-decoration: none;
 }
 
-.dark .prose-enhanced a {
-  color: #60a5fa;
-}
-
 .prose-enhanced a:hover {
-  color: #93c5fd;
+  color: color-mix(in oklab, var(--markdown-link) 80%, var(--foreground) 20%);
   text-decoration: underline;
 }
 
 .prose-enhanced hr {
   margin-top: 2em;
   margin-bottom: 2em;
-  border-color: #d0d0d0;
-}
-
-.dark .prose-enhanced hr {
-  border-color: #3f3f46;
+  border-color: var(--color-border);
 }
 
 .prose-enhanced blockquote {
   margin-top: 1em;
   margin-bottom: 1em;
   padding-left: 1em;
-  border-left: 3px solid #d0d0d0;
-  color: #6b7280;
-}
-
-.dark .prose-enhanced blockquote {
-  border-left: 3px solid #3f3f46;
-  color: #a1a1aa;
+  border-left: 3px solid var(--color-panel-border);
+  color: var(--markdown-block-quote);
 }
 
 .prose-enhanced pre {
@@ -276,12 +490,12 @@ body {
 }
 
 .prose-enhanced th {
-  background-color: var(--color-accent);
+  background-color: color-mix(in oklab, var(--accent) 92%, transparent);
   font-weight: 600;
 }
 
 .prose-enhanced tr:nth-child(even) {
-  background-color: var(--color-accent);
+  background-color: color-mix(in oklab, var(--accent) 84%, transparent);
 }
 
 @media (max-width: 640px) {
@@ -371,31 +585,7 @@ input:-webkit-autofill:active {
     padding: 0.5em;
     background: var(--color-accent);
     color: var(--color-foreground);
-}
- }
-
-/* Custom scrollbar styling */
-.scrollbar-thin {
-  scrollbar-width: thin;
-  scrollbar-color: var(--color-border) transparent;
-}
-
-.scrollbar-thin::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-.scrollbar-thin::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.scrollbar-thin::-webkit-scrollbar-thumb {
-  background-color: var(--color-border);
-  border-radius: 3px;
-}
-
-.scrollbar-thin::-webkit-scrollbar-thumb:hover {
-  background-color: var(--color-muted-foreground);
+  }
 }
 
 /* Progress bar animation for download dialog */
@@ -414,3 +604,35 @@ input:-webkit-autofill:active {
 .animate-progress {
   animation: progress 2s ease-in-out infinite;
 }
+
+/* Error line highlighting - red-orange selection color */
+.error-highlight::selection {
+  background-color: #fecaca;
+  color: #991b1b;
+}
+
+.dark .error-highlight::selection {
+  background-color: #7f1d1d;
+  color: #fecaca;
+}
+
+.error-highlight::-moz-selection {
+  background-color: #fecaca;
+  color: #991b1b;
+}
+
+.dark .error-highlight::-moz-selection {
+  background-color: #7f1d1d;
+  color: #fecaca;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    scroll-behavior: auto !important;
+    transition-duration: 0.01ms !important;
+  }
+}
diff --git a/frontend/src/lib/auth-loaders.ts b/frontend/src/lib/auth-loaders.ts
index cce1af144..d72f6e7b2 100644
--- a/frontend/src/lib/auth-loaders.ts
+++ b/frontend/src/lib/auth-loaders.ts
@@ -6,6 +6,7 @@ export interface AuthConfig {
   registrationEnabled: boolean
   isFirstUser: boolean
   adminConfigured: boolean
+  passkeyRpId?: string
 }
 
 async function fetchAuthConfig(): Promise {
diff --git a/frontend/src/lib/git-status-styles.ts b/frontend/src/lib/git-status-styles.ts
index a98ffa9bd..4fad8f6d9 100644
--- a/frontend/src/lib/git-status-styles.ts
+++ b/frontend/src/lib/git-status-styles.ts
@@ -1,22 +1,22 @@
 export const GIT_STATUS_COLORS = {
-  modified: 'text-amber-600 dark:text-amber-400',
-  added: 'text-emerald-600 dark:text-emerald-400',
-  deleted: 'text-rose-600 dark:text-rose-400',
-  renamed: 'text-blue-600 dark:text-blue-400',
-  untracked: 'text-gray-500 dark:text-gray-400',
-  copied: 'text-emerald-600 dark:text-emerald-400',
+  modified: 'text-warning',
+  added: 'text-success',
+  deleted: 'text-destructive',
+  renamed: 'text-info',
+  untracked: 'text-muted-foreground',
+  copied: 'text-success',
 } as const
 
 export const GIT_UI_COLORS = {
-  ahead: 'text-emerald-600 dark:text-emerald-400',
-  behind: 'text-amber-600 dark:text-amber-400',
-  current: 'text-emerald-600 dark:text-emerald-400',
-  remote: 'text-blue-600 dark:text-blue-400',
-  stage: 'text-emerald-600 dark:text-emerald-400',
-  unstage: 'text-rose-600 dark:text-rose-400',
-  stagedBadge: 'bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400',
-  unpushed: 'bg-blue-500/10 text-blue-600 dark:bg-blue-500/20 dark:text-blue-400',
-  pushed: 'bg-purple-500/10 text-purple-600 dark:bg-purple-500/20 dark:text-purple-400',
+  ahead: 'text-success',
+  behind: 'text-warning',
+  current: 'text-success',
+  remote: 'text-info',
+  stage: 'text-success',
+  unstage: 'text-destructive',
+  stagedBadge: 'border border-success/20 bg-success/12 text-success',
+  unpushed: 'border border-info/20 bg-info/12 text-info',
+  pushed: 'border border-accent-foreground/10 bg-accent text-accent-foreground',
 } as const
 
 export const GIT_STATUS_LABELS = {
diff --git a/frontend/src/lib/opencode-themes.json b/frontend/src/lib/opencode-themes.json
new file mode 100644
index 000000000..3248e8042
--- /dev/null
+++ b/frontend/src/lib/opencode-themes.json
@@ -0,0 +1,7408 @@
+{
+  "aura": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkBg": "#0f0f0f",
+      "darkBgPanel": "#15141b",
+      "darkBorder": "#2d2d2d",
+      "darkFgMuted": "#6d6d6d",
+      "darkFg": "#edecee",
+      "purple": "#a277ff",
+      "pink": "#f694ff",
+      "blue": "#82e2ff",
+      "red": "#ff6767",
+      "orange": "#ffca85",
+      "cyan": "#61ffca",
+      "green": "#9dff65"
+    },
+    "theme": {
+      "primary": "purple",
+      "secondary": "pink",
+      "accent": "purple",
+      "error": "red",
+      "warning": "orange",
+      "success": "cyan",
+      "info": "purple",
+      "text": "darkFg",
+      "textMuted": "darkFgMuted",
+      "background": "darkBg",
+      "backgroundPanel": "darkBgPanel",
+      "backgroundElement": "darkBgPanel",
+      "border": "darkBorder",
+      "borderActive": "darkFgMuted",
+      "borderSubtle": "darkBorder",
+      "diffAdded": "cyan",
+      "diffRemoved": "red",
+      "diffContext": "darkFgMuted",
+      "diffHunkHeader": "darkFgMuted",
+      "diffHighlightAdded": "cyan",
+      "diffHighlightRemoved": "red",
+      "diffAddedBg": "#354933",
+      "diffRemovedBg": "#3f191a",
+      "diffContextBg": "darkBgPanel",
+      "diffLineNumber": "darkBorder",
+      "diffAddedLineNumberBg": "#162620",
+      "diffRemovedLineNumberBg": "#26161a",
+      "markdownText": "darkFg",
+      "markdownHeading": "purple",
+      "markdownLink": "pink",
+      "markdownLinkText": "purple",
+      "markdownCode": "cyan",
+      "markdownBlockQuote": "darkFgMuted",
+      "markdownEmph": "orange",
+      "markdownStrong": "purple",
+      "markdownHorizontalRule": "darkFgMuted",
+      "markdownListItem": "purple",
+      "markdownListEnumeration": "purple",
+      "markdownImage": "pink",
+      "markdownImageText": "purple",
+      "markdownCodeBlock": "darkFg",
+      "syntaxComment": "darkFgMuted",
+      "syntaxKeyword": "pink",
+      "syntaxFunction": "purple",
+      "syntaxVariable": "purple",
+      "syntaxString": "cyan",
+      "syntaxNumber": "green",
+      "syntaxType": "purple",
+      "syntaxOperator": "pink",
+      "syntaxPunctuation": "darkFg"
+    }
+  },
+  "ayu": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkBg": "#0B0E14",
+      "darkBgAlt": "#0D1017",
+      "darkLine": "#11151C",
+      "darkPanel": "#0F131A",
+      "darkFg": "#BFBDB6",
+      "darkFgMuted": "#565B66",
+      "darkGutter": "#6C7380",
+      "darkTag": "#39BAE6",
+      "darkFunc": "#FFB454",
+      "darkEntity": "#59C2FF",
+      "darkString": "#AAD94C",
+      "darkRegexp": "#95E6CB",
+      "darkMarkup": "#F07178",
+      "darkKeyword": "#FF8F40",
+      "darkSpecial": "#E6B673",
+      "darkComment": "#ACB6BF",
+      "darkConstant": "#D2A6FF",
+      "darkOperator": "#F29668",
+      "darkAdded": "#7FD962",
+      "darkRemoved": "#F26D78",
+      "darkAccent": "#E6B450",
+      "darkError": "#D95757",
+      "darkIndentActive": "#6C7380"
+    },
+    "theme": {
+      "primary": "darkEntity",
+      "secondary": "darkConstant",
+      "accent": "darkAccent",
+      "error": "darkError",
+      "warning": "darkSpecial",
+      "success": "darkAdded",
+      "info": "darkTag",
+      "text": "darkFg",
+      "textMuted": "darkFgMuted",
+      "background": "darkBg",
+      "backgroundPanel": "darkPanel",
+      "backgroundElement": "darkBgAlt",
+      "border": "darkGutter",
+      "borderActive": "darkIndentActive",
+      "borderSubtle": "darkLine",
+      "diffAdded": "darkAdded",
+      "diffRemoved": "darkRemoved",
+      "diffContext": "darkComment",
+      "diffHunkHeader": "darkComment",
+      "diffHighlightAdded": "darkString",
+      "diffHighlightRemoved": "darkMarkup",
+      "diffAddedBg": "#20303b",
+      "diffRemovedBg": "#37222c",
+      "diffContextBg": "darkPanel",
+      "diffLineNumber": "darkGutter",
+      "diffAddedLineNumberBg": "#1b2b34",
+      "diffRemovedLineNumberBg": "#2d1f26",
+      "markdownText": "darkFg",
+      "markdownHeading": "darkConstant",
+      "markdownLink": "darkEntity",
+      "markdownLinkText": "darkTag",
+      "markdownCode": "darkString",
+      "markdownBlockQuote": "darkSpecial",
+      "markdownEmph": "darkSpecial",
+      "markdownStrong": "darkFunc",
+      "markdownHorizontalRule": "darkFgMuted",
+      "markdownListItem": "darkEntity",
+      "markdownListEnumeration": "darkTag",
+      "markdownImage": "darkEntity",
+      "markdownImageText": "darkTag",
+      "markdownCodeBlock": "darkFg",
+      "syntaxComment": "darkComment",
+      "syntaxKeyword": "darkKeyword",
+      "syntaxFunction": "darkFunc",
+      "syntaxVariable": "darkEntity",
+      "syntaxString": "darkString",
+      "syntaxNumber": "darkConstant",
+      "syntaxType": "darkSpecial",
+      "syntaxOperator": "darkOperator",
+      "syntaxPunctuation": "darkFg"
+    }
+  },
+  "catppuccin": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "lightRosewater": "#dc8a78",
+      "lightFlamingo": "#dd7878",
+      "lightPink": "#ea76cb",
+      "lightMauve": "#8839ef",
+      "lightRed": "#d20f39",
+      "lightMaroon": "#e64553",
+      "lightPeach": "#fe640b",
+      "lightYellow": "#df8e1d",
+      "lightGreen": "#40a02b",
+      "lightTeal": "#179299",
+      "lightSky": "#04a5e5",
+      "lightSapphire": "#209fb5",
+      "lightBlue": "#1e66f5",
+      "lightLavender": "#7287fd",
+      "lightText": "#4c4f69",
+      "lightSubtext1": "#5c5f77",
+      "lightSubtext0": "#6c6f85",
+      "lightOverlay2": "#7c7f93",
+      "lightOverlay1": "#8c8fa1",
+      "lightOverlay0": "#9ca0b0",
+      "lightSurface2": "#acb0be",
+      "lightSurface1": "#bcc0cc",
+      "lightSurface0": "#ccd0da",
+      "lightBase": "#eff1f5",
+      "lightMantle": "#e6e9ef",
+      "lightCrust": "#dce0e8",
+      "darkRosewater": "#f5e0dc",
+      "darkFlamingo": "#f2cdcd",
+      "darkPink": "#f5c2e7",
+      "darkMauve": "#cba6f7",
+      "darkRed": "#f38ba8",
+      "darkMaroon": "#eba0ac",
+      "darkPeach": "#fab387",
+      "darkYellow": "#f9e2af",
+      "darkGreen": "#a6e3a1",
+      "darkTeal": "#94e2d5",
+      "darkSky": "#89dceb",
+      "darkSapphire": "#74c7ec",
+      "darkBlue": "#89b4fa",
+      "darkLavender": "#b4befe",
+      "darkText": "#cdd6f4",
+      "darkSubtext1": "#bac2de",
+      "darkSubtext0": "#a6adc8",
+      "darkOverlay2": "#9399b2",
+      "darkOverlay1": "#7f849c",
+      "darkOverlay0": "#6c7086",
+      "darkSurface2": "#585b70",
+      "darkSurface1": "#45475a",
+      "darkSurface0": "#313244",
+      "darkBase": "#1e1e2e",
+      "darkMantle": "#181825",
+      "darkCrust": "#11111b"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "secondary": {
+        "dark": "darkMauve",
+        "light": "lightMauve"
+      },
+      "accent": {
+        "dark": "darkPink",
+        "light": "lightPink"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "success": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "info": {
+        "dark": "darkTeal",
+        "light": "lightTeal"
+      },
+      "text": {
+        "dark": "darkText",
+        "light": "lightText"
+      },
+      "textMuted": {
+        "dark": "darkSubtext1",
+        "light": "lightSubtext1"
+      },
+      "background": {
+        "dark": "darkBase",
+        "light": "lightBase"
+      },
+      "backgroundPanel": {
+        "dark": "darkMantle",
+        "light": "lightMantle"
+      },
+      "backgroundElement": {
+        "dark": "darkCrust",
+        "light": "lightCrust"
+      },
+      "border": {
+        "dark": "darkSurface0",
+        "light": "lightSurface0"
+      },
+      "borderActive": {
+        "dark": "darkSurface1",
+        "light": "lightSurface1"
+      },
+      "borderSubtle": {
+        "dark": "darkSurface2",
+        "light": "lightSurface2"
+      },
+      "diffAdded": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "diffRemoved": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "diffContext": {
+        "dark": "darkOverlay2",
+        "light": "lightOverlay2"
+      },
+      "diffHunkHeader": {
+        "dark": "darkPeach",
+        "light": "lightPeach"
+      },
+      "diffHighlightAdded": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "diffHighlightRemoved": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "diffAddedBg": {
+        "dark": "#24312b",
+        "light": "#d6f0d9"
+      },
+      "diffRemovedBg": {
+        "dark": "#3c2a32",
+        "light": "#f6dfe2"
+      },
+      "diffContextBg": {
+        "dark": "darkMantle",
+        "light": "lightMantle"
+      },
+      "diffLineNumber": {
+        "dark": "darkSurface1",
+        "light": "lightSurface1"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#1e2a25",
+        "light": "#c9e3cb"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#32232a",
+        "light": "#e9d3d6"
+      },
+      "markdownText": {
+        "dark": "darkText",
+        "light": "lightText"
+      },
+      "markdownHeading": {
+        "dark": "darkMauve",
+        "light": "lightMauve"
+      },
+      "markdownLink": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownLinkText": {
+        "dark": "darkSky",
+        "light": "lightSky"
+      },
+      "markdownCode": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownEmph": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownStrong": {
+        "dark": "darkPeach",
+        "light": "lightPeach"
+      },
+      "markdownHorizontalRule": {
+        "dark": "darkSubtext0",
+        "light": "lightSubtext0"
+      },
+      "markdownListItem": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkSky",
+        "light": "lightSky"
+      },
+      "markdownImage": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownImageText": {
+        "dark": "darkSky",
+        "light": "lightSky"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkText",
+        "light": "lightText"
+      },
+      "syntaxComment": {
+        "dark": "darkOverlay2",
+        "light": "lightOverlay2"
+      },
+      "syntaxKeyword": {
+        "dark": "darkMauve",
+        "light": "lightMauve"
+      },
+      "syntaxFunction": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "syntaxVariable": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "syntaxString": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "syntaxNumber": {
+        "dark": "darkPeach",
+        "light": "lightPeach"
+      },
+      "syntaxType": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "syntaxOperator": {
+        "dark": "darkSky",
+        "light": "lightSky"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkText",
+        "light": "lightText"
+      }
+    }
+  },
+  "catppuccin-frappe": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "frappeRosewater": "#f2d5cf",
+      "frappeFlamingo": "#eebebe",
+      "frappePink": "#f4b8e4",
+      "frappeMauve": "#ca9ee6",
+      "frappeRed": "#e78284",
+      "frappeMaroon": "#ea999c",
+      "frappePeach": "#ef9f76",
+      "frappeYellow": "#e5c890",
+      "frappeGreen": "#a6d189",
+      "frappeTeal": "#81c8be",
+      "frappeSky": "#99d1db",
+      "frappeSapphire": "#85c1dc",
+      "frappeBlue": "#8da4e2",
+      "frappeLavender": "#babbf1",
+      "frappeText": "#c6d0f5",
+      "frappeSubtext1": "#b5bfe2",
+      "frappeSubtext0": "#a5adce",
+      "frappeOverlay2": "#949cb8",
+      "frappeOverlay1": "#838ba7",
+      "frappeOverlay0": "#737994",
+      "frappeSurface2": "#626880",
+      "frappeSurface1": "#51576d",
+      "frappeSurface0": "#414559",
+      "frappeBase": "#303446",
+      "frappeMantle": "#292c3c",
+      "frappeCrust": "#232634"
+    },
+    "theme": {
+      "primary": {
+        "dark": "frappeBlue",
+        "light": "frappeBlue"
+      },
+      "secondary": {
+        "dark": "frappeMauve",
+        "light": "frappeMauve"
+      },
+      "accent": {
+        "dark": "frappePink",
+        "light": "frappePink"
+      },
+      "error": {
+        "dark": "frappeRed",
+        "light": "frappeRed"
+      },
+      "warning": {
+        "dark": "frappeYellow",
+        "light": "frappeYellow"
+      },
+      "success": {
+        "dark": "frappeGreen",
+        "light": "frappeGreen"
+      },
+      "info": {
+        "dark": "frappeTeal",
+        "light": "frappeTeal"
+      },
+      "text": {
+        "dark": "frappeText",
+        "light": "frappeText"
+      },
+      "textMuted": {
+        "dark": "frappeSubtext1",
+        "light": "frappeSubtext1"
+      },
+      "background": {
+        "dark": "frappeBase",
+        "light": "frappeBase"
+      },
+      "backgroundPanel": {
+        "dark": "frappeMantle",
+        "light": "frappeMantle"
+      },
+      "backgroundElement": {
+        "dark": "frappeCrust",
+        "light": "frappeCrust"
+      },
+      "border": {
+        "dark": "frappeSurface0",
+        "light": "frappeSurface0"
+      },
+      "borderActive": {
+        "dark": "frappeSurface1",
+        "light": "frappeSurface1"
+      },
+      "borderSubtle": {
+        "dark": "frappeSurface2",
+        "light": "frappeSurface2"
+      },
+      "diffAdded": {
+        "dark": "frappeGreen",
+        "light": "frappeGreen"
+      },
+      "diffRemoved": {
+        "dark": "frappeRed",
+        "light": "frappeRed"
+      },
+      "diffContext": {
+        "dark": "frappeOverlay2",
+        "light": "frappeOverlay2"
+      },
+      "diffHunkHeader": {
+        "dark": "frappePeach",
+        "light": "frappePeach"
+      },
+      "diffHighlightAdded": {
+        "dark": "frappeGreen",
+        "light": "frappeGreen"
+      },
+      "diffHighlightRemoved": {
+        "dark": "frappeRed",
+        "light": "frappeRed"
+      },
+      "diffAddedBg": {
+        "dark": "#29342b",
+        "light": "#29342b"
+      },
+      "diffRemovedBg": {
+        "dark": "#3a2a31",
+        "light": "#3a2a31"
+      },
+      "diffContextBg": {
+        "dark": "frappeMantle",
+        "light": "frappeMantle"
+      },
+      "diffLineNumber": {
+        "dark": "frappeSurface1",
+        "light": "frappeSurface1"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#223025",
+        "light": "#223025"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#2f242b",
+        "light": "#2f242b"
+      },
+      "markdownText": {
+        "dark": "frappeText",
+        "light": "frappeText"
+      },
+      "markdownHeading": {
+        "dark": "frappeMauve",
+        "light": "frappeMauve"
+      },
+      "markdownLink": {
+        "dark": "frappeBlue",
+        "light": "frappeBlue"
+      },
+      "markdownLinkText": {
+        "dark": "frappeSky",
+        "light": "frappeSky"
+      },
+      "markdownCode": {
+        "dark": "frappeGreen",
+        "light": "frappeGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "frappeYellow",
+        "light": "frappeYellow"
+      },
+      "markdownEmph": {
+        "dark": "frappeYellow",
+        "light": "frappeYellow"
+      },
+      "markdownStrong": {
+        "dark": "frappePeach",
+        "light": "frappePeach"
+      },
+      "markdownHorizontalRule": {
+        "dark": "frappeSubtext0",
+        "light": "frappeSubtext0"
+      },
+      "markdownListItem": {
+        "dark": "frappeBlue",
+        "light": "frappeBlue"
+      },
+      "markdownListEnumeration": {
+        "dark": "frappeSky",
+        "light": "frappeSky"
+      },
+      "markdownImage": {
+        "dark": "frappeBlue",
+        "light": "frappeBlue"
+      },
+      "markdownImageText": {
+        "dark": "frappeSky",
+        "light": "frappeSky"
+      },
+      "markdownCodeBlock": {
+        "dark": "frappeText",
+        "light": "frappeText"
+      },
+      "syntaxComment": {
+        "dark": "frappeOverlay2",
+        "light": "frappeOverlay2"
+      },
+      "syntaxKeyword": {
+        "dark": "frappeMauve",
+        "light": "frappeMauve"
+      },
+      "syntaxFunction": {
+        "dark": "frappeBlue",
+        "light": "frappeBlue"
+      },
+      "syntaxVariable": {
+        "dark": "frappeRed",
+        "light": "frappeRed"
+      },
+      "syntaxString": {
+        "dark": "frappeGreen",
+        "light": "frappeGreen"
+      },
+      "syntaxNumber": {
+        "dark": "frappePeach",
+        "light": "frappePeach"
+      },
+      "syntaxType": {
+        "dark": "frappeYellow",
+        "light": "frappeYellow"
+      },
+      "syntaxOperator": {
+        "dark": "frappeSky",
+        "light": "frappeSky"
+      },
+      "syntaxPunctuation": {
+        "dark": "frappeText",
+        "light": "frappeText"
+      }
+    }
+  },
+  "catppuccin-macchiato": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "macRosewater": "#f4dbd6",
+      "macFlamingo": "#f0c6c6",
+      "macPink": "#f5bde6",
+      "macMauve": "#c6a0f6",
+      "macRed": "#ed8796",
+      "macMaroon": "#ee99a0",
+      "macPeach": "#f5a97f",
+      "macYellow": "#eed49f",
+      "macGreen": "#a6da95",
+      "macTeal": "#8bd5ca",
+      "macSky": "#91d7e3",
+      "macSapphire": "#7dc4e4",
+      "macBlue": "#8aadf4",
+      "macLavender": "#b7bdf8",
+      "macText": "#cad3f5",
+      "macSubtext1": "#b8c0e0",
+      "macSubtext0": "#a5adcb",
+      "macOverlay2": "#939ab7",
+      "macOverlay1": "#8087a2",
+      "macOverlay0": "#6e738d",
+      "macSurface2": "#5b6078",
+      "macSurface1": "#494d64",
+      "macSurface0": "#363a4f",
+      "macBase": "#24273a",
+      "macMantle": "#1e2030",
+      "macCrust": "#181926"
+    },
+    "theme": {
+      "primary": {
+        "dark": "macBlue",
+        "light": "macBlue"
+      },
+      "secondary": {
+        "dark": "macMauve",
+        "light": "macMauve"
+      },
+      "accent": {
+        "dark": "macPink",
+        "light": "macPink"
+      },
+      "error": {
+        "dark": "macRed",
+        "light": "macRed"
+      },
+      "warning": {
+        "dark": "macYellow",
+        "light": "macYellow"
+      },
+      "success": {
+        "dark": "macGreen",
+        "light": "macGreen"
+      },
+      "info": {
+        "dark": "macTeal",
+        "light": "macTeal"
+      },
+      "text": {
+        "dark": "macText",
+        "light": "macText"
+      },
+      "textMuted": {
+        "dark": "macSubtext1",
+        "light": "macSubtext1"
+      },
+      "background": {
+        "dark": "macBase",
+        "light": "macBase"
+      },
+      "backgroundPanel": {
+        "dark": "macMantle",
+        "light": "macMantle"
+      },
+      "backgroundElement": {
+        "dark": "macCrust",
+        "light": "macCrust"
+      },
+      "border": {
+        "dark": "macSurface0",
+        "light": "macSurface0"
+      },
+      "borderActive": {
+        "dark": "macSurface1",
+        "light": "macSurface1"
+      },
+      "borderSubtle": {
+        "dark": "macSurface2",
+        "light": "macSurface2"
+      },
+      "diffAdded": {
+        "dark": "macGreen",
+        "light": "macGreen"
+      },
+      "diffRemoved": {
+        "dark": "macRed",
+        "light": "macRed"
+      },
+      "diffContext": {
+        "dark": "macOverlay2",
+        "light": "macOverlay2"
+      },
+      "diffHunkHeader": {
+        "dark": "macPeach",
+        "light": "macPeach"
+      },
+      "diffHighlightAdded": {
+        "dark": "macGreen",
+        "light": "macGreen"
+      },
+      "diffHighlightRemoved": {
+        "dark": "macRed",
+        "light": "macRed"
+      },
+      "diffAddedBg": {
+        "dark": "#29342b",
+        "light": "#29342b"
+      },
+      "diffRemovedBg": {
+        "dark": "#3a2a31",
+        "light": "#3a2a31"
+      },
+      "diffContextBg": {
+        "dark": "macMantle",
+        "light": "macMantle"
+      },
+      "diffLineNumber": {
+        "dark": "macSurface1",
+        "light": "macSurface1"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#223025",
+        "light": "#223025"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#2f242b",
+        "light": "#2f242b"
+      },
+      "markdownText": {
+        "dark": "macText",
+        "light": "macText"
+      },
+      "markdownHeading": {
+        "dark": "macMauve",
+        "light": "macMauve"
+      },
+      "markdownLink": {
+        "dark": "macBlue",
+        "light": "macBlue"
+      },
+      "markdownLinkText": {
+        "dark": "macSky",
+        "light": "macSky"
+      },
+      "markdownCode": {
+        "dark": "macGreen",
+        "light": "macGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "macYellow",
+        "light": "macYellow"
+      },
+      "markdownEmph": {
+        "dark": "macYellow",
+        "light": "macYellow"
+      },
+      "markdownStrong": {
+        "dark": "macPeach",
+        "light": "macPeach"
+      },
+      "markdownHorizontalRule": {
+        "dark": "macSubtext0",
+        "light": "macSubtext0"
+      },
+      "markdownListItem": {
+        "dark": "macBlue",
+        "light": "macBlue"
+      },
+      "markdownListEnumeration": {
+        "dark": "macSky",
+        "light": "macSky"
+      },
+      "markdownImage": {
+        "dark": "macBlue",
+        "light": "macBlue"
+      },
+      "markdownImageText": {
+        "dark": "macSky",
+        "light": "macSky"
+      },
+      "markdownCodeBlock": {
+        "dark": "macText",
+        "light": "macText"
+      },
+      "syntaxComment": {
+        "dark": "macOverlay2",
+        "light": "macOverlay2"
+      },
+      "syntaxKeyword": {
+        "dark": "macMauve",
+        "light": "macMauve"
+      },
+      "syntaxFunction": {
+        "dark": "macBlue",
+        "light": "macBlue"
+      },
+      "syntaxVariable": {
+        "dark": "macRed",
+        "light": "macRed"
+      },
+      "syntaxString": {
+        "dark": "macGreen",
+        "light": "macGreen"
+      },
+      "syntaxNumber": {
+        "dark": "macPeach",
+        "light": "macPeach"
+      },
+      "syntaxType": {
+        "dark": "macYellow",
+        "light": "macYellow"
+      },
+      "syntaxOperator": {
+        "dark": "macSky",
+        "light": "macSky"
+      },
+      "syntaxPunctuation": {
+        "dark": "macText",
+        "light": "macText"
+      }
+    }
+  },
+  "cobalt2": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "background": "#193549",
+      "backgroundAlt": "#122738",
+      "backgroundPanel": "#1f4662",
+      "foreground": "#ffffff",
+      "foregroundMuted": "#adb7c9",
+      "yellow": "#ffc600",
+      "yellowBright": "#ffe14c",
+      "orange": "#ff9d00",
+      "orangeBright": "#ffb454",
+      "mint": "#2affdf",
+      "mintBright": "#7efff5",
+      "blue": "#0088ff",
+      "blueBright": "#5cb7ff",
+      "pink": "#ff628c",
+      "pinkBright": "#ff86a5",
+      "green": "#9eff80",
+      "greenBright": "#b9ff9f",
+      "purple": "#9a5feb",
+      "purpleBright": "#b88cfd",
+      "red": "#ff0088",
+      "redBright": "#ff5fb3"
+    },
+    "theme": {
+      "primary": {
+        "dark": "blue",
+        "light": "#0066cc"
+      },
+      "secondary": {
+        "dark": "purple",
+        "light": "#7c4dff"
+      },
+      "accent": {
+        "dark": "mint",
+        "light": "#00acc1"
+      },
+      "error": {
+        "dark": "red",
+        "light": "#e91e63"
+      },
+      "warning": {
+        "dark": "yellow",
+        "light": "#ff9800"
+      },
+      "success": {
+        "dark": "green",
+        "light": "#4caf50"
+      },
+      "info": {
+        "dark": "orange",
+        "light": "#ff5722"
+      },
+      "text": {
+        "dark": "foreground",
+        "light": "#193549"
+      },
+      "textMuted": {
+        "dark": "foregroundMuted",
+        "light": "#5c6b7d"
+      },
+      "background": {
+        "dark": "#193549",
+        "light": "#ffffff"
+      },
+      "backgroundPanel": {
+        "dark": "#122738",
+        "light": "#f5f7fa"
+      },
+      "backgroundElement": {
+        "dark": "#1f4662",
+        "light": "#e8ecf1"
+      },
+      "border": {
+        "dark": "#1f4662",
+        "light": "#d3dae3"
+      },
+      "borderActive": {
+        "dark": "blue",
+        "light": "#0066cc"
+      },
+      "borderSubtle": {
+        "dark": "#0e1e2e",
+        "light": "#e8ecf1"
+      },
+      "diffAdded": {
+        "dark": "green",
+        "light": "#4caf50"
+      },
+      "diffRemoved": {
+        "dark": "red",
+        "light": "#e91e63"
+      },
+      "diffContext": {
+        "dark": "foregroundMuted",
+        "light": "#5c6b7d"
+      },
+      "diffHunkHeader": {
+        "dark": "mint",
+        "light": "#00acc1"
+      },
+      "diffHighlightAdded": {
+        "dark": "greenBright",
+        "light": "#4caf50"
+      },
+      "diffHighlightRemoved": {
+        "dark": "redBright",
+        "light": "#e91e63"
+      },
+      "diffAddedBg": {
+        "dark": "#1a3a2a",
+        "light": "#e8f5e9"
+      },
+      "diffRemovedBg": {
+        "dark": "#3a1a2a",
+        "light": "#ffebee"
+      },
+      "diffContextBg": {
+        "dark": "#122738",
+        "light": "#f5f7fa"
+      },
+      "diffLineNumber": {
+        "dark": "#2d5a7b",
+        "light": "#b0bec5"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#1a3a2a",
+        "light": "#e8f5e9"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#3a1a2a",
+        "light": "#ffebee"
+      },
+      "markdownText": {
+        "dark": "foreground",
+        "light": "#193549"
+      },
+      "markdownHeading": {
+        "dark": "yellow",
+        "light": "#ff9800"
+      },
+      "markdownLink": {
+        "dark": "blue",
+        "light": "#0066cc"
+      },
+      "markdownLinkText": {
+        "dark": "mint",
+        "light": "#00acc1"
+      },
+      "markdownCode": {
+        "dark": "green",
+        "light": "#4caf50"
+      },
+      "markdownBlockQuote": {
+        "dark": "foregroundMuted",
+        "light": "#5c6b7d"
+      },
+      "markdownEmph": {
+        "dark": "orange",
+        "light": "#ff5722"
+      },
+      "markdownStrong": {
+        "dark": "pink",
+        "light": "#e91e63"
+      },
+      "markdownHorizontalRule": {
+        "dark": "#2d5a7b",
+        "light": "#d3dae3"
+      },
+      "markdownListItem": {
+        "dark": "blue",
+        "light": "#0066cc"
+      },
+      "markdownListEnumeration": {
+        "dark": "mint",
+        "light": "#00acc1"
+      },
+      "markdownImage": {
+        "dark": "blue",
+        "light": "#0066cc"
+      },
+      "markdownImageText": {
+        "dark": "mint",
+        "light": "#00acc1"
+      },
+      "markdownCodeBlock": {
+        "dark": "foreground",
+        "light": "#193549"
+      },
+      "syntaxComment": {
+        "dark": "#0088ff",
+        "light": "#5c6b7d"
+      },
+      "syntaxKeyword": {
+        "dark": "orange",
+        "light": "#ff5722"
+      },
+      "syntaxFunction": {
+        "dark": "yellow",
+        "light": "#ff9800"
+      },
+      "syntaxVariable": {
+        "dark": "foreground",
+        "light": "#193549"
+      },
+      "syntaxString": {
+        "dark": "green",
+        "light": "#4caf50"
+      },
+      "syntaxNumber": {
+        "dark": "pink",
+        "light": "#e91e63"
+      },
+      "syntaxType": {
+        "dark": "mint",
+        "light": "#00acc1"
+      },
+      "syntaxOperator": {
+        "dark": "orange",
+        "light": "#ff5722"
+      },
+      "syntaxPunctuation": {
+        "dark": "foreground",
+        "light": "#193549"
+      }
+    }
+  },
+  "cursor": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkBg": "#181818",
+      "darkPanel": "#141414",
+      "darkElement": "#262626",
+      "darkFg": "#e4e4e4",
+      "darkMuted": "#e4e4e45e",
+      "darkBorder": "#e4e4e413",
+      "darkBorderActive": "#e4e4e426",
+      "darkCyan": "#88c0d0",
+      "darkBlue": "#81a1c1",
+      "darkGreen": "#3fa266",
+      "darkGreenBright": "#70b489",
+      "darkRed": "#e34671",
+      "darkRedBright": "#fc6b83",
+      "darkYellow": "#f1b467",
+      "darkOrange": "#d2943e",
+      "darkPink": "#E394DC",
+      "darkPurple": "#AAA0FA",
+      "darkTeal": "#82D2CE",
+      "darkSyntaxYellow": "#F8C762",
+      "darkSyntaxOrange": "#EFB080",
+      "darkSyntaxGreen": "#A8CC7C",
+      "darkSyntaxBlue": "#87C3FF",
+      "lightBg": "#fcfcfc",
+      "lightPanel": "#f3f3f3",
+      "lightElement": "#ededed",
+      "lightFg": "#141414",
+      "lightMuted": "#141414ad",
+      "lightBorder": "#14141413",
+      "lightBorderActive": "#14141426",
+      "lightTeal": "#6f9ba6",
+      "lightBlue": "#3c7cab",
+      "lightBlueDark": "#206595",
+      "lightGreen": "#1f8a65",
+      "lightGreenBright": "#55a583",
+      "lightRed": "#cf2d56",
+      "lightRedBright": "#e75e78",
+      "lightOrange": "#db704b",
+      "lightYellow": "#c08532",
+      "lightPurple": "#9e94d5",
+      "lightPurpleDark": "#6049b3",
+      "lightPink": "#b8448b",
+      "lightMagenta": "#b3003f"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkCyan",
+        "light": "lightTeal"
+      },
+      "secondary": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "accent": {
+        "dark": "darkCyan",
+        "light": "lightTeal"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkYellow",
+        "light": "lightOrange"
+      },
+      "success": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "info": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "text": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "textMuted": {
+        "dark": "darkMuted",
+        "light": "lightMuted"
+      },
+      "background": {
+        "dark": "darkBg",
+        "light": "lightBg"
+      },
+      "backgroundPanel": {
+        "dark": "darkPanel",
+        "light": "lightPanel"
+      },
+      "backgroundElement": {
+        "dark": "darkElement",
+        "light": "lightElement"
+      },
+      "border": {
+        "dark": "darkBorder",
+        "light": "lightBorder"
+      },
+      "borderActive": {
+        "dark": "darkCyan",
+        "light": "lightTeal"
+      },
+      "borderSubtle": {
+        "dark": "#0f0f0f",
+        "light": "#e0e0e0"
+      },
+      "diffAdded": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "diffRemoved": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "diffContext": {
+        "dark": "darkMuted",
+        "light": "lightMuted"
+      },
+      "diffHunkHeader": {
+        "dark": "darkMuted",
+        "light": "lightMuted"
+      },
+      "diffHighlightAdded": {
+        "dark": "darkGreenBright",
+        "light": "lightGreenBright"
+      },
+      "diffHighlightRemoved": {
+        "dark": "darkRedBright",
+        "light": "lightRedBright"
+      },
+      "diffAddedBg": {
+        "dark": "#3fa26633",
+        "light": "#1f8a651f"
+      },
+      "diffRemovedBg": {
+        "dark": "#b8004933",
+        "light": "#cf2d5614"
+      },
+      "diffContextBg": {
+        "dark": "darkPanel",
+        "light": "lightPanel"
+      },
+      "diffLineNumber": {
+        "dark": "#e4e4e442",
+        "light": "#1414147a"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#3fa26633",
+        "light": "#1f8a651f"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#b8004933",
+        "light": "#cf2d5614"
+      },
+      "markdownText": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "markdownHeading": {
+        "dark": "darkPurple",
+        "light": "lightBlueDark"
+      },
+      "markdownLink": {
+        "dark": "darkTeal",
+        "light": "lightBlueDark"
+      },
+      "markdownLinkText": {
+        "dark": "darkBlue",
+        "light": "lightMuted"
+      },
+      "markdownCode": {
+        "dark": "darkPink",
+        "light": "lightGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkMuted",
+        "light": "lightMuted"
+      },
+      "markdownEmph": {
+        "dark": "darkTeal",
+        "light": "lightFg"
+      },
+      "markdownStrong": {
+        "dark": "darkSyntaxYellow",
+        "light": "lightFg"
+      },
+      "markdownHorizontalRule": {
+        "dark": "darkMuted",
+        "light": "lightMuted"
+      },
+      "markdownListItem": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkCyan",
+        "light": "lightMuted"
+      },
+      "markdownImage": {
+        "dark": "darkCyan",
+        "light": "lightBlueDark"
+      },
+      "markdownImageText": {
+        "dark": "darkBlue",
+        "light": "lightMuted"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "syntaxComment": {
+        "dark": "darkMuted",
+        "light": "lightMuted"
+      },
+      "syntaxKeyword": {
+        "dark": "darkTeal",
+        "light": "lightMagenta"
+      },
+      "syntaxFunction": {
+        "dark": "darkSyntaxOrange",
+        "light": "lightOrange"
+      },
+      "syntaxVariable": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "syntaxString": {
+        "dark": "darkPink",
+        "light": "lightPurple"
+      },
+      "syntaxNumber": {
+        "dark": "darkSyntaxYellow",
+        "light": "lightPink"
+      },
+      "syntaxType": {
+        "dark": "darkSyntaxOrange",
+        "light": "lightBlueDark"
+      },
+      "syntaxOperator": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      }
+    }
+  },
+  "dracula": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "background": "#282a36",
+      "currentLine": "#44475a",
+      "selection": "#44475a",
+      "foreground": "#f8f8f2",
+      "comment": "#6272a4",
+      "cyan": "#8be9fd",
+      "green": "#50fa7b",
+      "orange": "#ffb86c",
+      "pink": "#ff79c6",
+      "purple": "#bd93f9",
+      "red": "#ff5555",
+      "yellow": "#f1fa8c"
+    },
+    "theme": {
+      "primary": {
+        "dark": "purple",
+        "light": "purple"
+      },
+      "secondary": {
+        "dark": "pink",
+        "light": "pink"
+      },
+      "accent": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "error": {
+        "dark": "red",
+        "light": "red"
+      },
+      "warning": {
+        "dark": "yellow",
+        "light": "yellow"
+      },
+      "success": {
+        "dark": "green",
+        "light": "green"
+      },
+      "info": {
+        "dark": "orange",
+        "light": "orange"
+      },
+      "text": {
+        "dark": "foreground",
+        "light": "#282a36"
+      },
+      "textMuted": {
+        "dark": "comment",
+        "light": "#6272a4"
+      },
+      "background": {
+        "dark": "#282a36",
+        "light": "#f8f8f2"
+      },
+      "backgroundPanel": {
+        "dark": "#21222c",
+        "light": "#e8e8e2"
+      },
+      "backgroundElement": {
+        "dark": "currentLine",
+        "light": "#d8d8d2"
+      },
+      "border": {
+        "dark": "currentLine",
+        "light": "#c8c8c2"
+      },
+      "borderActive": {
+        "dark": "purple",
+        "light": "purple"
+      },
+      "borderSubtle": {
+        "dark": "#191a21",
+        "light": "#e0e0e0"
+      },
+      "diffAdded": {
+        "dark": "green",
+        "light": "green"
+      },
+      "diffRemoved": {
+        "dark": "red",
+        "light": "red"
+      },
+      "diffContext": {
+        "dark": "comment",
+        "light": "#6272a4"
+      },
+      "diffHunkHeader": {
+        "dark": "comment",
+        "light": "#6272a4"
+      },
+      "diffHighlightAdded": {
+        "dark": "green",
+        "light": "green"
+      },
+      "diffHighlightRemoved": {
+        "dark": "red",
+        "light": "red"
+      },
+      "diffAddedBg": {
+        "dark": "#1a3a1a",
+        "light": "#e0ffe0"
+      },
+      "diffRemovedBg": {
+        "dark": "#3a1a1a",
+        "light": "#ffe0e0"
+      },
+      "diffContextBg": {
+        "dark": "#21222c",
+        "light": "#e8e8e2"
+      },
+      "diffLineNumber": {
+        "dark": "currentLine",
+        "light": "#c8c8c2"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#1a3a1a",
+        "light": "#e0ffe0"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#3a1a1a",
+        "light": "#ffe0e0"
+      },
+      "markdownText": {
+        "dark": "foreground",
+        "light": "#282a36"
+      },
+      "markdownHeading": {
+        "dark": "purple",
+        "light": "purple"
+      },
+      "markdownLink": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "markdownLinkText": {
+        "dark": "pink",
+        "light": "pink"
+      },
+      "markdownCode": {
+        "dark": "green",
+        "light": "green"
+      },
+      "markdownBlockQuote": {
+        "dark": "comment",
+        "light": "#6272a4"
+      },
+      "markdownEmph": {
+        "dark": "yellow",
+        "light": "yellow"
+      },
+      "markdownStrong": {
+        "dark": "orange",
+        "light": "orange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "comment",
+        "light": "#6272a4"
+      },
+      "markdownListItem": {
+        "dark": "purple",
+        "light": "purple"
+      },
+      "markdownListEnumeration": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "markdownImage": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "markdownImageText": {
+        "dark": "pink",
+        "light": "pink"
+      },
+      "markdownCodeBlock": {
+        "dark": "foreground",
+        "light": "#282a36"
+      },
+      "syntaxComment": {
+        "dark": "comment",
+        "light": "#6272a4"
+      },
+      "syntaxKeyword": {
+        "dark": "pink",
+        "light": "pink"
+      },
+      "syntaxFunction": {
+        "dark": "green",
+        "light": "green"
+      },
+      "syntaxVariable": {
+        "dark": "foreground",
+        "light": "#282a36"
+      },
+      "syntaxString": {
+        "dark": "yellow",
+        "light": "yellow"
+      },
+      "syntaxNumber": {
+        "dark": "purple",
+        "light": "purple"
+      },
+      "syntaxType": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "syntaxOperator": {
+        "dark": "pink",
+        "light": "pink"
+      },
+      "syntaxPunctuation": {
+        "dark": "foreground",
+        "light": "#282a36"
+      }
+    }
+  },
+  "everforest": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkStep1": "#2d353b",
+      "darkStep2": "#333c43",
+      "darkStep3": "#343f44",
+      "darkStep4": "#3d484d",
+      "darkStep5": "#475258",
+      "darkStep6": "#7a8478",
+      "darkStep7": "#859289",
+      "darkStep8": "#9da9a0",
+      "darkStep9": "#a7c080",
+      "darkStep10": "#83c092",
+      "darkStep11": "#7a8478",
+      "darkStep12": "#d3c6aa",
+      "darkRed": "#e67e80",
+      "darkOrange": "#e69875",
+      "darkGreen": "#a7c080",
+      "darkCyan": "#83c092",
+      "darkYellow": "#dbbc7f",
+      "lightStep1": "#fdf6e3",
+      "lightStep2": "#efebd4",
+      "lightStep3": "#f4f0d9",
+      "lightStep4": "#efebd4",
+      "lightStep5": "#e6e2cc",
+      "lightStep6": "#a6b0a0",
+      "lightStep7": "#939f91",
+      "lightStep8": "#829181",
+      "lightStep9": "#8da101",
+      "lightStep10": "#35a77c",
+      "lightStep11": "#a6b0a0",
+      "lightStep12": "#5c6a72",
+      "lightRed": "#f85552",
+      "lightOrange": "#f57d26",
+      "lightGreen": "#8da101",
+      "lightCyan": "#35a77c",
+      "lightYellow": "#dfa000"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "secondary": {
+        "dark": "#7fbbb3",
+        "light": "#3a94c5"
+      },
+      "accent": {
+        "dark": "#d699b6",
+        "light": "#df69ba"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "success": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "info": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "text": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "textMuted": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "background": {
+        "dark": "darkStep1",
+        "light": "lightStep1"
+      },
+      "backgroundPanel": {
+        "dark": "darkStep2",
+        "light": "lightStep2"
+      },
+      "backgroundElement": {
+        "dark": "darkStep3",
+        "light": "lightStep3"
+      },
+      "border": {
+        "dark": "darkStep7",
+        "light": "lightStep7"
+      },
+      "borderActive": {
+        "dark": "darkStep8",
+        "light": "lightStep8"
+      },
+      "borderSubtle": {
+        "dark": "darkStep6",
+        "light": "lightStep6"
+      },
+      "diffAdded": {
+        "dark": "#4fd6be",
+        "light": "#1e725c"
+      },
+      "diffRemoved": {
+        "dark": "#c53b53",
+        "light": "#c53b53"
+      },
+      "diffContext": {
+        "dark": "#828bb8",
+        "light": "#7086b5"
+      },
+      "diffHunkHeader": {
+        "dark": "#828bb8",
+        "light": "#7086b5"
+      },
+      "diffHighlightAdded": {
+        "dark": "#b8db87",
+        "light": "#4db380"
+      },
+      "diffHighlightRemoved": {
+        "dark": "#e26a75",
+        "light": "#f52a65"
+      },
+      "diffAddedBg": {
+        "dark": "#20303b",
+        "light": "#d5e5d5"
+      },
+      "diffRemovedBg": {
+        "dark": "#37222c",
+        "light": "#f7d8db"
+      },
+      "diffContextBg": {
+        "dark": "darkStep2",
+        "light": "lightStep2"
+      },
+      "diffLineNumber": {
+        "dark": "darkStep3",
+        "light": "lightStep3"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#1b2b34",
+        "light": "#c5d5c5"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#2d1f26",
+        "light": "#e7c8cb"
+      },
+      "markdownText": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "markdownHeading": {
+        "dark": "#d699b6",
+        "light": "#df69ba"
+      },
+      "markdownLink": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownLinkText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCode": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownEmph": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownStrong": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "markdownListItem": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownImage": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownImageText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "syntaxComment": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "syntaxKeyword": {
+        "dark": "#d699b6",
+        "light": "#df69ba"
+      },
+      "syntaxFunction": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "syntaxVariable": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "syntaxString": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "syntaxNumber": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "syntaxType": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "syntaxOperator": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      }
+    }
+  },
+  "flexoki": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "black": "#100F0F",
+      "base950": "#1C1B1A",
+      "base900": "#282726",
+      "base850": "#343331",
+      "base800": "#403E3C",
+      "base700": "#575653",
+      "base600": "#6F6E69",
+      "base500": "#878580",
+      "base300": "#B7B5AC",
+      "base200": "#CECDC3",
+      "base150": "#DAD8CE",
+      "base100": "#E6E4D9",
+      "base50": "#F2F0E5",
+      "paper": "#FFFCF0",
+      "red400": "#D14D41",
+      "red600": "#AF3029",
+      "orange400": "#DA702C",
+      "orange600": "#BC5215",
+      "yellow400": "#D0A215",
+      "yellow600": "#AD8301",
+      "green400": "#879A39",
+      "green600": "#66800B",
+      "cyan400": "#3AA99F",
+      "cyan600": "#24837B",
+      "blue400": "#4385BE",
+      "blue600": "#205EA6",
+      "purple400": "#8B7EC8",
+      "purple600": "#5E409D",
+      "magenta400": "#CE5D97",
+      "magenta600": "#A02F6F"
+    },
+    "theme": {
+      "primary": {
+        "dark": "orange400",
+        "light": "blue600"
+      },
+      "secondary": {
+        "dark": "blue400",
+        "light": "purple600"
+      },
+      "accent": {
+        "dark": "purple400",
+        "light": "orange600"
+      },
+      "error": {
+        "dark": "red400",
+        "light": "red600"
+      },
+      "warning": {
+        "dark": "orange400",
+        "light": "orange600"
+      },
+      "success": {
+        "dark": "green400",
+        "light": "green600"
+      },
+      "info": {
+        "dark": "cyan400",
+        "light": "cyan600"
+      },
+      "text": {
+        "dark": "base200",
+        "light": "black"
+      },
+      "textMuted": {
+        "dark": "base600",
+        "light": "base600"
+      },
+      "background": {
+        "dark": "black",
+        "light": "paper"
+      },
+      "backgroundPanel": {
+        "dark": "base950",
+        "light": "base50"
+      },
+      "backgroundElement": {
+        "dark": "base900",
+        "light": "base100"
+      },
+      "border": {
+        "dark": "base700",
+        "light": "base300"
+      },
+      "borderActive": {
+        "dark": "base600",
+        "light": "base500"
+      },
+      "borderSubtle": {
+        "dark": "base800",
+        "light": "base200"
+      },
+      "diffAdded": {
+        "dark": "green400",
+        "light": "green600"
+      },
+      "diffRemoved": {
+        "dark": "red400",
+        "light": "red600"
+      },
+      "diffContext": {
+        "dark": "base600",
+        "light": "base600"
+      },
+      "diffHunkHeader": {
+        "dark": "blue400",
+        "light": "blue600"
+      },
+      "diffHighlightAdded": {
+        "dark": "green400",
+        "light": "green600"
+      },
+      "diffHighlightRemoved": {
+        "dark": "red400",
+        "light": "red600"
+      },
+      "diffAddedBg": {
+        "dark": "#1A2D1A",
+        "light": "#D5E5D5"
+      },
+      "diffRemovedBg": {
+        "dark": "#2D1A1A",
+        "light": "#F7D8DB"
+      },
+      "diffContextBg": {
+        "dark": "base950",
+        "light": "base50"
+      },
+      "diffLineNumber": {
+        "dark": "base600",
+        "light": "base600"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#152515",
+        "light": "#C5D5C5"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#251515",
+        "light": "#E7C8CB"
+      },
+      "markdownText": {
+        "dark": "base200",
+        "light": "black"
+      },
+      "markdownHeading": {
+        "dark": "purple400",
+        "light": "purple600"
+      },
+      "markdownLink": {
+        "dark": "blue400",
+        "light": "blue600"
+      },
+      "markdownLinkText": {
+        "dark": "cyan400",
+        "light": "cyan600"
+      },
+      "markdownCode": {
+        "dark": "cyan400",
+        "light": "cyan600"
+      },
+      "markdownBlockQuote": {
+        "dark": "yellow400",
+        "light": "yellow600"
+      },
+      "markdownEmph": {
+        "dark": "yellow400",
+        "light": "yellow600"
+      },
+      "markdownStrong": {
+        "dark": "orange400",
+        "light": "orange600"
+      },
+      "markdownHorizontalRule": {
+        "dark": "base600",
+        "light": "base600"
+      },
+      "markdownListItem": {
+        "dark": "orange400",
+        "light": "orange600"
+      },
+      "markdownListEnumeration": {
+        "dark": "cyan400",
+        "light": "cyan600"
+      },
+      "markdownImage": {
+        "dark": "magenta400",
+        "light": "magenta600"
+      },
+      "markdownImageText": {
+        "dark": "cyan400",
+        "light": "cyan600"
+      },
+      "markdownCodeBlock": {
+        "dark": "base200",
+        "light": "black"
+      },
+      "syntaxComment": {
+        "dark": "base600",
+        "light": "base600"
+      },
+      "syntaxKeyword": {
+        "dark": "green400",
+        "light": "green600"
+      },
+      "syntaxFunction": {
+        "dark": "orange400",
+        "light": "orange600"
+      },
+      "syntaxVariable": {
+        "dark": "blue400",
+        "light": "blue600"
+      },
+      "syntaxString": {
+        "dark": "cyan400",
+        "light": "cyan600"
+      },
+      "syntaxNumber": {
+        "dark": "purple400",
+        "light": "purple600"
+      },
+      "syntaxType": {
+        "dark": "yellow400",
+        "light": "yellow600"
+      },
+      "syntaxOperator": {
+        "dark": "base300",
+        "light": "base600"
+      },
+      "syntaxPunctuation": {
+        "dark": "base300",
+        "light": "base600"
+      }
+    }
+  },
+  "github": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkBg": "#0d1117",
+      "darkBgAlt": "#010409",
+      "darkBgPanel": "#161b22",
+      "darkFg": "#c9d1d9",
+      "darkFgMuted": "#8b949e",
+      "darkBlue": "#58a6ff",
+      "darkGreen": "#3fb950",
+      "darkRed": "#f85149",
+      "darkOrange": "#d29922",
+      "darkPurple": "#bc8cff",
+      "darkPink": "#ff7b72",
+      "darkYellow": "#e3b341",
+      "darkCyan": "#39c5cf",
+      "lightBg": "#ffffff",
+      "lightBgAlt": "#f6f8fa",
+      "lightBgPanel": "#f0f3f6",
+      "lightFg": "#24292f",
+      "lightFgMuted": "#57606a",
+      "lightBlue": "#0969da",
+      "lightGreen": "#1a7f37",
+      "lightRed": "#cf222e",
+      "lightOrange": "#bc4c00",
+      "lightPurple": "#8250df",
+      "lightPink": "#bf3989",
+      "lightYellow": "#9a6700",
+      "lightCyan": "#1b7c83"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "secondary": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "accent": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "success": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "info": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "text": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "textMuted": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "background": {
+        "dark": "darkBg",
+        "light": "lightBg"
+      },
+      "backgroundPanel": {
+        "dark": "darkBgAlt",
+        "light": "lightBgAlt"
+      },
+      "backgroundElement": {
+        "dark": "darkBgPanel",
+        "light": "lightBgPanel"
+      },
+      "border": {
+        "dark": "#30363d",
+        "light": "#d0d7de"
+      },
+      "borderActive": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "borderSubtle": {
+        "dark": "#21262d",
+        "light": "#d8dee4"
+      },
+      "diffAdded": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "diffRemoved": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "diffContext": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "diffHunkHeader": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "diffHighlightAdded": {
+        "dark": "#3fb950",
+        "light": "#1a7f37"
+      },
+      "diffHighlightRemoved": {
+        "dark": "#f85149",
+        "light": "#cf222e"
+      },
+      "diffAddedBg": {
+        "dark": "#033a16",
+        "light": "#dafbe1"
+      },
+      "diffRemovedBg": {
+        "dark": "#67060c",
+        "light": "#ffebe9"
+      },
+      "diffContextBg": {
+        "dark": "darkBgAlt",
+        "light": "lightBgAlt"
+      },
+      "diffLineNumber": {
+        "dark": "#484f58",
+        "light": "#afb8c1"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#033a16",
+        "light": "#dafbe1"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#67060c",
+        "light": "#ffebe9"
+      },
+      "markdownText": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "markdownHeading": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownLink": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownLinkText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCode": {
+        "dark": "darkPink",
+        "light": "lightPink"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "markdownEmph": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownStrong": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "#30363d",
+        "light": "#d0d7de"
+      },
+      "markdownListItem": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownImage": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownImageText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "syntaxComment": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "syntaxKeyword": {
+        "dark": "darkPink",
+        "light": "lightRed"
+      },
+      "syntaxFunction": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "syntaxVariable": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "syntaxString": {
+        "dark": "darkCyan",
+        "light": "lightBlue"
+      },
+      "syntaxNumber": {
+        "dark": "darkBlue",
+        "light": "lightCyan"
+      },
+      "syntaxType": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "syntaxOperator": {
+        "dark": "darkPink",
+        "light": "lightRed"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      }
+    }
+  },
+  "gruvbox": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkBg0": "#282828",
+      "darkBg1": "#3c3836",
+      "darkBg2": "#504945",
+      "darkBg3": "#665c54",
+      "darkFg0": "#fbf1c7",
+      "darkFg1": "#ebdbb2",
+      "darkGray": "#928374",
+      "darkRed": "#cc241d",
+      "darkGreen": "#98971a",
+      "darkYellow": "#d79921",
+      "darkBlue": "#458588",
+      "darkPurple": "#b16286",
+      "darkAqua": "#689d6a",
+      "darkOrange": "#d65d0e",
+      "darkRedBright": "#fb4934",
+      "darkGreenBright": "#b8bb26",
+      "darkYellowBright": "#fabd2f",
+      "darkBlueBright": "#83a598",
+      "darkPurpleBright": "#d3869b",
+      "darkAquaBright": "#8ec07c",
+      "darkOrangeBright": "#fe8019",
+      "lightBg0": "#fbf1c7",
+      "lightBg1": "#ebdbb2",
+      "lightBg2": "#d5c4a1",
+      "lightBg3": "#bdae93",
+      "lightFg0": "#282828",
+      "lightFg1": "#3c3836",
+      "lightGray": "#7c6f64",
+      "lightRed": "#9d0006",
+      "lightGreen": "#79740e",
+      "lightYellow": "#b57614",
+      "lightBlue": "#076678",
+      "lightPurple": "#8f3f71",
+      "lightAqua": "#427b58",
+      "lightOrange": "#af3a03"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkBlueBright",
+        "light": "lightBlue"
+      },
+      "secondary": {
+        "dark": "darkPurpleBright",
+        "light": "lightPurple"
+      },
+      "accent": {
+        "dark": "darkAquaBright",
+        "light": "lightAqua"
+      },
+      "error": {
+        "dark": "darkRedBright",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkOrangeBright",
+        "light": "lightOrange"
+      },
+      "success": {
+        "dark": "darkGreenBright",
+        "light": "lightGreen"
+      },
+      "info": {
+        "dark": "darkYellowBright",
+        "light": "lightYellow"
+      },
+      "text": {
+        "dark": "darkFg1",
+        "light": "lightFg1"
+      },
+      "textMuted": {
+        "dark": "darkGray",
+        "light": "lightGray"
+      },
+      "background": {
+        "dark": "darkBg0",
+        "light": "lightBg0"
+      },
+      "backgroundPanel": {
+        "dark": "darkBg1",
+        "light": "lightBg1"
+      },
+      "backgroundElement": {
+        "dark": "darkBg2",
+        "light": "lightBg2"
+      },
+      "border": {
+        "dark": "darkBg3",
+        "light": "lightBg3"
+      },
+      "borderActive": {
+        "dark": "darkFg1",
+        "light": "lightFg1"
+      },
+      "borderSubtle": {
+        "dark": "darkBg2",
+        "light": "lightBg2"
+      },
+      "diffAdded": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "diffRemoved": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "diffContext": {
+        "dark": "darkGray",
+        "light": "lightGray"
+      },
+      "diffHunkHeader": {
+        "dark": "darkAqua",
+        "light": "lightAqua"
+      },
+      "diffHighlightAdded": {
+        "dark": "darkGreenBright",
+        "light": "lightGreen"
+      },
+      "diffHighlightRemoved": {
+        "dark": "darkRedBright",
+        "light": "lightRed"
+      },
+      "diffAddedBg": {
+        "dark": "#32302f",
+        "light": "#dcd8a4"
+      },
+      "diffRemovedBg": {
+        "dark": "#322929",
+        "light": "#e2c7c3"
+      },
+      "diffContextBg": {
+        "dark": "darkBg1",
+        "light": "lightBg1"
+      },
+      "diffLineNumber": {
+        "dark": "darkBg3",
+        "light": "lightBg3"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#2a2827",
+        "light": "#cec99e"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#2a2222",
+        "light": "#d3bdb9"
+      },
+      "markdownText": {
+        "dark": "darkFg1",
+        "light": "lightFg1"
+      },
+      "markdownHeading": {
+        "dark": "darkBlueBright",
+        "light": "lightBlue"
+      },
+      "markdownLink": {
+        "dark": "darkAquaBright",
+        "light": "lightAqua"
+      },
+      "markdownLinkText": {
+        "dark": "darkGreenBright",
+        "light": "lightGreen"
+      },
+      "markdownCode": {
+        "dark": "darkYellowBright",
+        "light": "lightYellow"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkGray",
+        "light": "lightGray"
+      },
+      "markdownEmph": {
+        "dark": "darkPurpleBright",
+        "light": "lightPurple"
+      },
+      "markdownStrong": {
+        "dark": "darkOrangeBright",
+        "light": "lightOrange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "darkGray",
+        "light": "lightGray"
+      },
+      "markdownListItem": {
+        "dark": "darkBlueBright",
+        "light": "lightBlue"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkAquaBright",
+        "light": "lightAqua"
+      },
+      "markdownImage": {
+        "dark": "darkAquaBright",
+        "light": "lightAqua"
+      },
+      "markdownImageText": {
+        "dark": "darkGreenBright",
+        "light": "lightGreen"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkFg1",
+        "light": "lightFg1"
+      },
+      "syntaxComment": {
+        "dark": "darkGray",
+        "light": "lightGray"
+      },
+      "syntaxKeyword": {
+        "dark": "darkRedBright",
+        "light": "lightRed"
+      },
+      "syntaxFunction": {
+        "dark": "darkGreenBright",
+        "light": "lightGreen"
+      },
+      "syntaxVariable": {
+        "dark": "darkBlueBright",
+        "light": "lightBlue"
+      },
+      "syntaxString": {
+        "dark": "darkYellowBright",
+        "light": "lightYellow"
+      },
+      "syntaxNumber": {
+        "dark": "darkPurpleBright",
+        "light": "lightPurple"
+      },
+      "syntaxType": {
+        "dark": "darkAquaBright",
+        "light": "lightAqua"
+      },
+      "syntaxOperator": {
+        "dark": "darkOrangeBright",
+        "light": "lightOrange"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkFg1",
+        "light": "lightFg1"
+      }
+    }
+  },
+  "kanagawa": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "sumiInk0": "#1F1F28",
+      "sumiInk1": "#2A2A37",
+      "sumiInk2": "#363646",
+      "sumiInk3": "#54546D",
+      "fujiWhite": "#DCD7BA",
+      "oldWhite": "#C8C093",
+      "fujiGray": "#727169",
+      "oniViolet": "#957FB8",
+      "crystalBlue": "#7E9CD8",
+      "carpYellow": "#C38D9D",
+      "sakuraPink": "#D27E99",
+      "waveAqua": "#76946A",
+      "roninYellow": "#D7A657",
+      "dragonRed": "#E82424",
+      "lotusGreen": "#98BB6C",
+      "waveBlue": "#2D4F67",
+      "lightBg": "#F2E9DE",
+      "lightPaper": "#EAE4D7",
+      "lightText": "#54433A",
+      "lightGray": "#9E9389"
+    },
+    "theme": {
+      "primary": {
+        "dark": "crystalBlue",
+        "light": "waveBlue"
+      },
+      "secondary": {
+        "dark": "oniViolet",
+        "light": "oniViolet"
+      },
+      "accent": {
+        "dark": "sakuraPink",
+        "light": "sakuraPink"
+      },
+      "error": {
+        "dark": "dragonRed",
+        "light": "dragonRed"
+      },
+      "warning": {
+        "dark": "roninYellow",
+        "light": "roninYellow"
+      },
+      "success": {
+        "dark": "lotusGreen",
+        "light": "lotusGreen"
+      },
+      "info": {
+        "dark": "waveAqua",
+        "light": "waveAqua"
+      },
+      "text": {
+        "dark": "fujiWhite",
+        "light": "lightText"
+      },
+      "textMuted": {
+        "dark": "fujiGray",
+        "light": "lightGray"
+      },
+      "background": {
+        "dark": "sumiInk0",
+        "light": "lightBg"
+      },
+      "backgroundPanel": {
+        "dark": "sumiInk1",
+        "light": "lightPaper"
+      },
+      "backgroundElement": {
+        "dark": "sumiInk2",
+        "light": "#E3DCD2"
+      },
+      "border": {
+        "dark": "sumiInk3",
+        "light": "#D4CBBF"
+      },
+      "borderActive": {
+        "dark": "carpYellow",
+        "light": "carpYellow"
+      },
+      "borderSubtle": {
+        "dark": "sumiInk2",
+        "light": "#DCD4C9"
+      },
+      "diffAdded": {
+        "dark": "lotusGreen",
+        "light": "lotusGreen"
+      },
+      "diffRemoved": {
+        "dark": "dragonRed",
+        "light": "dragonRed"
+      },
+      "diffContext": {
+        "dark": "fujiGray",
+        "light": "lightGray"
+      },
+      "diffHunkHeader": {
+        "dark": "waveBlue",
+        "light": "waveBlue"
+      },
+      "diffHighlightAdded": {
+        "dark": "#A9D977",
+        "light": "#89AF5B"
+      },
+      "diffHighlightRemoved": {
+        "dark": "#F24A4A",
+        "light": "#D61F1F"
+      },
+      "diffAddedBg": {
+        "dark": "#252E25",
+        "light": "#EAF3E4"
+      },
+      "diffRemovedBg": {
+        "dark": "#362020",
+        "light": "#FBE6E6"
+      },
+      "diffContextBg": {
+        "dark": "sumiInk1",
+        "light": "lightPaper"
+      },
+      "diffLineNumber": {
+        "dark": "sumiInk3",
+        "light": "#C7BEB4"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#202820",
+        "light": "#DDE8D6"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#2D1C1C",
+        "light": "#F2DADA"
+      },
+      "markdownText": {
+        "dark": "fujiWhite",
+        "light": "lightText"
+      },
+      "markdownHeading": {
+        "dark": "oniViolet",
+        "light": "oniViolet"
+      },
+      "markdownLink": {
+        "dark": "crystalBlue",
+        "light": "waveBlue"
+      },
+      "markdownLinkText": {
+        "dark": "waveAqua",
+        "light": "waveAqua"
+      },
+      "markdownCode": {
+        "dark": "lotusGreen",
+        "light": "lotusGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "fujiGray",
+        "light": "lightGray"
+      },
+      "markdownEmph": {
+        "dark": "carpYellow",
+        "light": "carpYellow"
+      },
+      "markdownStrong": {
+        "dark": "roninYellow",
+        "light": "roninYellow"
+      },
+      "markdownHorizontalRule": {
+        "dark": "fujiGray",
+        "light": "lightGray"
+      },
+      "markdownListItem": {
+        "dark": "crystalBlue",
+        "light": "waveBlue"
+      },
+      "markdownListEnumeration": {
+        "dark": "waveAqua",
+        "light": "waveAqua"
+      },
+      "markdownImage": {
+        "dark": "crystalBlue",
+        "light": "waveBlue"
+      },
+      "markdownImageText": {
+        "dark": "waveAqua",
+        "light": "waveAqua"
+      },
+      "markdownCodeBlock": {
+        "dark": "fujiWhite",
+        "light": "lightText"
+      },
+      "syntaxComment": {
+        "dark": "fujiGray",
+        "light": "lightGray"
+      },
+      "syntaxKeyword": {
+        "dark": "oniViolet",
+        "light": "oniViolet"
+      },
+      "syntaxFunction": {
+        "dark": "crystalBlue",
+        "light": "waveBlue"
+      },
+      "syntaxVariable": {
+        "dark": "fujiWhite",
+        "light": "lightText"
+      },
+      "syntaxString": {
+        "dark": "lotusGreen",
+        "light": "lotusGreen"
+      },
+      "syntaxNumber": {
+        "dark": "roninYellow",
+        "light": "roninYellow"
+      },
+      "syntaxType": {
+        "dark": "carpYellow",
+        "light": "carpYellow"
+      },
+      "syntaxOperator": {
+        "dark": "sakuraPink",
+        "light": "sakuraPink"
+      },
+      "syntaxPunctuation": {
+        "dark": "fujiWhite",
+        "light": "lightText"
+      }
+    }
+  },
+  "material": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkBg": "#263238",
+      "darkBgAlt": "#1e272c",
+      "darkBgPanel": "#37474f",
+      "darkFg": "#eeffff",
+      "darkFgMuted": "#546e7a",
+      "darkRed": "#f07178",
+      "darkPink": "#f78c6c",
+      "darkOrange": "#ffcb6b",
+      "darkYellow": "#ffcb6b",
+      "darkGreen": "#c3e88d",
+      "darkCyan": "#89ddff",
+      "darkBlue": "#82aaff",
+      "darkPurple": "#c792ea",
+      "darkViolet": "#bb80b3",
+      "lightBg": "#fafafa",
+      "lightBgAlt": "#f5f5f5",
+      "lightBgPanel": "#e7e7e8",
+      "lightFg": "#263238",
+      "lightFgMuted": "#90a4ae",
+      "lightRed": "#e53935",
+      "lightPink": "#ec407a",
+      "lightOrange": "#f4511e",
+      "lightYellow": "#ffb300",
+      "lightGreen": "#91b859",
+      "lightCyan": "#39adb5",
+      "lightBlue": "#6182b8",
+      "lightPurple": "#7c4dff",
+      "lightViolet": "#945eb8"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "secondary": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "accent": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "success": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "info": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "text": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "textMuted": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "background": {
+        "dark": "darkBg",
+        "light": "lightBg"
+      },
+      "backgroundPanel": {
+        "dark": "darkBgAlt",
+        "light": "lightBgAlt"
+      },
+      "backgroundElement": {
+        "dark": "darkBgPanel",
+        "light": "lightBgPanel"
+      },
+      "border": {
+        "dark": "#37474f",
+        "light": "#e0e0e0"
+      },
+      "borderActive": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "borderSubtle": {
+        "dark": "#1e272c",
+        "light": "#eeeeee"
+      },
+      "diffAdded": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "diffRemoved": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "diffContext": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "diffHunkHeader": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "diffHighlightAdded": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "diffHighlightRemoved": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "diffAddedBg": {
+        "dark": "#2e3c2b",
+        "light": "#e8f5e9"
+      },
+      "diffRemovedBg": {
+        "dark": "#3c2b2b",
+        "light": "#ffebee"
+      },
+      "diffContextBg": {
+        "dark": "darkBgAlt",
+        "light": "lightBgAlt"
+      },
+      "diffLineNumber": {
+        "dark": "#37474f",
+        "light": "#cfd8dc"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#2e3c2b",
+        "light": "#e8f5e9"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#3c2b2b",
+        "light": "#ffebee"
+      },
+      "markdownText": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "markdownHeading": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownLink": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownLinkText": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "markdownCode": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "markdownEmph": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownStrong": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "#37474f",
+        "light": "#e0e0e0"
+      },
+      "markdownListItem": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownImage": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownImageText": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "syntaxComment": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "syntaxKeyword": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "syntaxFunction": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "syntaxVariable": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "syntaxString": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "syntaxNumber": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "syntaxType": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "syntaxOperator": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      }
+    }
+  },
+  "matrix": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "matrixInk0": "#0a0e0a",
+      "matrixInk1": "#0e130d",
+      "matrixInk2": "#141c12",
+      "matrixInk3": "#1e2a1b",
+      "rainGreen": "#2eff6a",
+      "rainGreenDim": "#1cc24b",
+      "rainGreenHi": "#62ff94",
+      "rainCyan": "#00efff",
+      "rainTeal": "#24f6d9",
+      "rainPurple": "#c770ff",
+      "rainOrange": "#ffa83d",
+      "alertRed": "#ff4b4b",
+      "alertYellow": "#e6ff57",
+      "alertBlue": "#30b3ff",
+      "rainGray": "#8ca391",
+      "lightBg": "#eef3ea",
+      "lightPaper": "#e4ebe1",
+      "lightInk1": "#dae1d7",
+      "lightText": "#203022",
+      "lightGray": "#748476"
+    },
+    "theme": {
+      "primary": {
+        "dark": "rainGreen",
+        "light": "rainGreenDim"
+      },
+      "secondary": {
+        "dark": "rainCyan",
+        "light": "rainTeal"
+      },
+      "accent": {
+        "dark": "rainPurple",
+        "light": "rainPurple"
+      },
+      "error": {
+        "dark": "alertRed",
+        "light": "alertRed"
+      },
+      "warning": {
+        "dark": "alertYellow",
+        "light": "alertYellow"
+      },
+      "success": {
+        "dark": "rainGreenHi",
+        "light": "rainGreenDim"
+      },
+      "info": {
+        "dark": "alertBlue",
+        "light": "alertBlue"
+      },
+      "text": {
+        "dark": "rainGreenHi",
+        "light": "lightText"
+      },
+      "textMuted": {
+        "dark": "rainGray",
+        "light": "lightGray"
+      },
+      "background": {
+        "dark": "matrixInk0",
+        "light": "lightBg"
+      },
+      "backgroundPanel": {
+        "dark": "matrixInk1",
+        "light": "lightPaper"
+      },
+      "backgroundElement": {
+        "dark": "matrixInk2",
+        "light": "lightInk1"
+      },
+      "border": {
+        "dark": "matrixInk3",
+        "light": "lightGray"
+      },
+      "borderActive": {
+        "dark": "rainGreen",
+        "light": "rainGreenDim"
+      },
+      "borderSubtle": {
+        "dark": "matrixInk2",
+        "light": "lightInk1"
+      },
+      "diffAdded": {
+        "dark": "rainGreenDim",
+        "light": "rainGreenDim"
+      },
+      "diffRemoved": {
+        "dark": "alertRed",
+        "light": "alertRed"
+      },
+      "diffContext": {
+        "dark": "rainGray",
+        "light": "lightGray"
+      },
+      "diffHunkHeader": {
+        "dark": "alertBlue",
+        "light": "alertBlue"
+      },
+      "diffHighlightAdded": {
+        "dark": "#77ffaf",
+        "light": "#5dac7e"
+      },
+      "diffHighlightRemoved": {
+        "dark": "#ff7171",
+        "light": "#d53a3a"
+      },
+      "diffAddedBg": {
+        "dark": "#132616",
+        "light": "#e0efde"
+      },
+      "diffRemovedBg": {
+        "dark": "#261212",
+        "light": "#f9e5e5"
+      },
+      "diffContextBg": {
+        "dark": "matrixInk1",
+        "light": "lightPaper"
+      },
+      "diffLineNumber": {
+        "dark": "matrixInk3",
+        "light": "lightGray"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#0f1b11",
+        "light": "#d6e7d2"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#1b1414",
+        "light": "#f2d2d2"
+      },
+      "markdownText": {
+        "dark": "rainGreenHi",
+        "light": "lightText"
+      },
+      "markdownHeading": {
+        "dark": "rainCyan",
+        "light": "rainTeal"
+      },
+      "markdownLink": {
+        "dark": "alertBlue",
+        "light": "alertBlue"
+      },
+      "markdownLinkText": {
+        "dark": "rainTeal",
+        "light": "rainTeal"
+      },
+      "markdownCode": {
+        "dark": "rainGreenDim",
+        "light": "rainGreenDim"
+      },
+      "markdownBlockQuote": {
+        "dark": "rainGray",
+        "light": "lightGray"
+      },
+      "markdownEmph": {
+        "dark": "rainOrange",
+        "light": "rainOrange"
+      },
+      "markdownStrong": {
+        "dark": "alertYellow",
+        "light": "alertYellow"
+      },
+      "markdownHorizontalRule": {
+        "dark": "rainGray",
+        "light": "lightGray"
+      },
+      "markdownListItem": {
+        "dark": "alertBlue",
+        "light": "alertBlue"
+      },
+      "markdownListEnumeration": {
+        "dark": "rainTeal",
+        "light": "rainTeal"
+      },
+      "markdownImage": {
+        "dark": "alertBlue",
+        "light": "alertBlue"
+      },
+      "markdownImageText": {
+        "dark": "rainTeal",
+        "light": "rainTeal"
+      },
+      "markdownCodeBlock": {
+        "dark": "rainGreenHi",
+        "light": "lightText"
+      },
+      "syntaxComment": {
+        "dark": "rainGray",
+        "light": "lightGray"
+      },
+      "syntaxKeyword": {
+        "dark": "rainPurple",
+        "light": "rainPurple"
+      },
+      "syntaxFunction": {
+        "dark": "alertBlue",
+        "light": "alertBlue"
+      },
+      "syntaxVariable": {
+        "dark": "rainGreenHi",
+        "light": "lightText"
+      },
+      "syntaxString": {
+        "dark": "rainGreenDim",
+        "light": "rainGreenDim"
+      },
+      "syntaxNumber": {
+        "dark": "rainOrange",
+        "light": "rainOrange"
+      },
+      "syntaxType": {
+        "dark": "alertYellow",
+        "light": "alertYellow"
+      },
+      "syntaxOperator": {
+        "dark": "rainTeal",
+        "light": "rainTeal"
+      },
+      "syntaxPunctuation": {
+        "dark": "rainGreenHi",
+        "light": "lightText"
+      }
+    }
+  },
+  "mercury": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "purple-800": "#3442a6",
+      "purple-700": "#465bd1",
+      "purple-600": "#5266eb",
+      "purple-400": "#8da4f5",
+      "purple-300": "#a7b6f8",
+      "red-700": "#b0175f",
+      "red-600": "#d03275",
+      "red-400": "#fc92b4",
+      "green-700": "#036e43",
+      "green-600": "#188554",
+      "green-400": "#77c599",
+      "orange-700": "#a44200",
+      "orange-600": "#c45000",
+      "orange-400": "#fc9b6f",
+      "blue-600": "#007f95",
+      "blue-400": "#77becf",
+      "neutral-1000": "#10101a",
+      "neutral-950": "#171721",
+      "neutral-900": "#1e1e2a",
+      "neutral-800": "#272735",
+      "neutral-700": "#363644",
+      "neutral-600": "#535461",
+      "neutral-500": "#70707d",
+      "neutral-400": "#9d9da8",
+      "neutral-300": "#c3c3cc",
+      "neutral-200": "#dddde5",
+      "neutral-100": "#f4f5f9",
+      "neutral-050": "#fbfcfd",
+      "neutral-000": "#ffffff",
+      "neutral-150": "#ededf3",
+      "border-light": "#7073931a",
+      "border-light-subtle": "#7073930f",
+      "border-dark": "#b4b7c81f",
+      "border-dark-subtle": "#b4b7c814",
+      "diff-added-light": "#1885541a",
+      "diff-removed-light": "#d032751a",
+      "diff-added-dark": "#77c59933",
+      "diff-removed-dark": "#fc92b433"
+    },
+    "theme": {
+      "primary": {
+        "light": "purple-600",
+        "dark": "purple-400"
+      },
+      "secondary": {
+        "light": "purple-700",
+        "dark": "purple-300"
+      },
+      "accent": {
+        "light": "purple-400",
+        "dark": "purple-400"
+      },
+      "error": {
+        "light": "red-700",
+        "dark": "red-400"
+      },
+      "warning": {
+        "light": "orange-700",
+        "dark": "orange-400"
+      },
+      "success": {
+        "light": "green-700",
+        "dark": "green-400"
+      },
+      "info": {
+        "light": "blue-600",
+        "dark": "blue-400"
+      },
+      "text": {
+        "light": "neutral-700",
+        "dark": "neutral-200"
+      },
+      "textMuted": {
+        "light": "neutral-500",
+        "dark": "neutral-400"
+      },
+      "background": {
+        "light": "neutral-000",
+        "dark": "neutral-950"
+      },
+      "backgroundPanel": {
+        "light": "neutral-050",
+        "dark": "neutral-1000"
+      },
+      "backgroundElement": {
+        "light": "neutral-100",
+        "dark": "neutral-800"
+      },
+      "border": {
+        "light": "border-light",
+        "dark": "border-dark"
+      },
+      "borderActive": {
+        "light": "purple-600",
+        "dark": "purple-400"
+      },
+      "borderSubtle": {
+        "light": "border-light-subtle",
+        "dark": "border-dark-subtle"
+      },
+      "diffAdded": {
+        "light": "green-700",
+        "dark": "green-400"
+      },
+      "diffRemoved": {
+        "light": "red-700",
+        "dark": "red-400"
+      },
+      "diffContext": {
+        "light": "neutral-500",
+        "dark": "neutral-400"
+      },
+      "diffHunkHeader": {
+        "light": "neutral-500",
+        "dark": "neutral-400"
+      },
+      "diffHighlightAdded": {
+        "light": "green-700",
+        "dark": "green-400"
+      },
+      "diffHighlightRemoved": {
+        "light": "red-700",
+        "dark": "red-400"
+      },
+      "diffAddedBg": {
+        "light": "diff-added-light",
+        "dark": "diff-added-dark"
+      },
+      "diffRemovedBg": {
+        "light": "diff-removed-light",
+        "dark": "diff-removed-dark"
+      },
+      "diffContextBg": {
+        "light": "neutral-050",
+        "dark": "neutral-900"
+      },
+      "diffLineNumber": {
+        "light": "neutral-600",
+        "dark": "neutral-300"
+      },
+      "diffAddedLineNumberBg": {
+        "light": "diff-added-light",
+        "dark": "diff-added-dark"
+      },
+      "diffRemovedLineNumberBg": {
+        "light": "diff-removed-light",
+        "dark": "diff-removed-dark"
+      },
+      "markdownText": {
+        "light": "neutral-700",
+        "dark": "neutral-200"
+      },
+      "markdownHeading": {
+        "light": "neutral-900",
+        "dark": "neutral-000"
+      },
+      "markdownLink": {
+        "light": "purple-700",
+        "dark": "purple-400"
+      },
+      "markdownLinkText": {
+        "light": "purple-600",
+        "dark": "purple-300"
+      },
+      "markdownCode": {
+        "light": "green-700",
+        "dark": "green-400"
+      },
+      "markdownBlockQuote": {
+        "light": "neutral-500",
+        "dark": "neutral-400"
+      },
+      "markdownEmph": {
+        "light": "orange-700",
+        "dark": "orange-400"
+      },
+      "markdownStrong": {
+        "light": "neutral-900",
+        "dark": "neutral-100"
+      },
+      "markdownHorizontalRule": {
+        "light": "border-light",
+        "dark": "border-dark"
+      },
+      "markdownListItem": {
+        "light": "neutral-900",
+        "dark": "neutral-000"
+      },
+      "markdownListEnumeration": {
+        "light": "purple-600",
+        "dark": "purple-400"
+      },
+      "markdownImage": {
+        "light": "purple-700",
+        "dark": "purple-400"
+      },
+      "markdownImageText": {
+        "light": "purple-600",
+        "dark": "purple-300"
+      },
+      "markdownCodeBlock": {
+        "light": "neutral-700",
+        "dark": "neutral-200"
+      },
+      "syntaxComment": {
+        "light": "neutral-500",
+        "dark": "neutral-400"
+      },
+      "syntaxKeyword": {
+        "light": "purple-700",
+        "dark": "purple-400"
+      },
+      "syntaxFunction": {
+        "light": "purple-600",
+        "dark": "purple-400"
+      },
+      "syntaxVariable": {
+        "light": "blue-600",
+        "dark": "blue-400"
+      },
+      "syntaxString": {
+        "light": "green-700",
+        "dark": "green-400"
+      },
+      "syntaxNumber": {
+        "light": "orange-700",
+        "dark": "orange-400"
+      },
+      "syntaxType": {
+        "light": "blue-600",
+        "dark": "blue-400"
+      },
+      "syntaxOperator": {
+        "light": "purple-700",
+        "dark": "purple-400"
+      },
+      "syntaxPunctuation": {
+        "light": "neutral-700",
+        "dark": "neutral-200"
+      }
+    }
+  },
+  "monokai": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "background": "#272822",
+      "backgroundAlt": "#1e1f1c",
+      "backgroundPanel": "#3e3d32",
+      "foreground": "#f8f8f2",
+      "comment": "#75715e",
+      "red": "#f92672",
+      "orange": "#fd971f",
+      "lightOrange": "#e69f66",
+      "yellow": "#e6db74",
+      "green": "#a6e22e",
+      "cyan": "#66d9ef",
+      "blue": "#66d9ef",
+      "purple": "#ae81ff",
+      "pink": "#f92672"
+    },
+    "theme": {
+      "primary": {
+        "dark": "cyan",
+        "light": "blue"
+      },
+      "secondary": {
+        "dark": "purple",
+        "light": "purple"
+      },
+      "accent": {
+        "dark": "green",
+        "light": "green"
+      },
+      "error": {
+        "dark": "red",
+        "light": "red"
+      },
+      "warning": {
+        "dark": "yellow",
+        "light": "orange"
+      },
+      "success": {
+        "dark": "green",
+        "light": "green"
+      },
+      "info": {
+        "dark": "orange",
+        "light": "orange"
+      },
+      "text": {
+        "dark": "foreground",
+        "light": "#272822"
+      },
+      "textMuted": {
+        "dark": "comment",
+        "light": "#75715e"
+      },
+      "background": {
+        "dark": "#272822",
+        "light": "#fafafa"
+      },
+      "backgroundPanel": {
+        "dark": "#1e1f1c",
+        "light": "#f0f0f0"
+      },
+      "backgroundElement": {
+        "dark": "#3e3d32",
+        "light": "#e0e0e0"
+      },
+      "border": {
+        "dark": "#3e3d32",
+        "light": "#d0d0d0"
+      },
+      "borderActive": {
+        "dark": "cyan",
+        "light": "blue"
+      },
+      "borderSubtle": {
+        "dark": "#1e1f1c",
+        "light": "#e8e8e8"
+      },
+      "diffAdded": {
+        "dark": "green",
+        "light": "green"
+      },
+      "diffRemoved": {
+        "dark": "red",
+        "light": "red"
+      },
+      "diffContext": {
+        "dark": "comment",
+        "light": "#75715e"
+      },
+      "diffHunkHeader": {
+        "dark": "comment",
+        "light": "#75715e"
+      },
+      "diffHighlightAdded": {
+        "dark": "green",
+        "light": "green"
+      },
+      "diffHighlightRemoved": {
+        "dark": "red",
+        "light": "red"
+      },
+      "diffAddedBg": {
+        "dark": "#1a3a1a",
+        "light": "#e0ffe0"
+      },
+      "diffRemovedBg": {
+        "dark": "#3a1a1a",
+        "light": "#ffe0e0"
+      },
+      "diffContextBg": {
+        "dark": "#1e1f1c",
+        "light": "#f0f0f0"
+      },
+      "diffLineNumber": {
+        "dark": "#3e3d32",
+        "light": "#d0d0d0"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#1a3a1a",
+        "light": "#e0ffe0"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#3a1a1a",
+        "light": "#ffe0e0"
+      },
+      "markdownText": {
+        "dark": "foreground",
+        "light": "#272822"
+      },
+      "markdownHeading": {
+        "dark": "pink",
+        "light": "pink"
+      },
+      "markdownLink": {
+        "dark": "cyan",
+        "light": "blue"
+      },
+      "markdownLinkText": {
+        "dark": "purple",
+        "light": "purple"
+      },
+      "markdownCode": {
+        "dark": "green",
+        "light": "green"
+      },
+      "markdownBlockQuote": {
+        "dark": "comment",
+        "light": "#75715e"
+      },
+      "markdownEmph": {
+        "dark": "yellow",
+        "light": "orange"
+      },
+      "markdownStrong": {
+        "dark": "orange",
+        "light": "orange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "comment",
+        "light": "#75715e"
+      },
+      "markdownListItem": {
+        "dark": "cyan",
+        "light": "blue"
+      },
+      "markdownListEnumeration": {
+        "dark": "purple",
+        "light": "purple"
+      },
+      "markdownImage": {
+        "dark": "cyan",
+        "light": "blue"
+      },
+      "markdownImageText": {
+        "dark": "purple",
+        "light": "purple"
+      },
+      "markdownCodeBlock": {
+        "dark": "foreground",
+        "light": "#272822"
+      },
+      "syntaxComment": {
+        "dark": "comment",
+        "light": "#75715e"
+      },
+      "syntaxKeyword": {
+        "dark": "pink",
+        "light": "pink"
+      },
+      "syntaxFunction": {
+        "dark": "green",
+        "light": "green"
+      },
+      "syntaxVariable": {
+        "dark": "foreground",
+        "light": "#272822"
+      },
+      "syntaxString": {
+        "dark": "yellow",
+        "light": "orange"
+      },
+      "syntaxNumber": {
+        "dark": "purple",
+        "light": "purple"
+      },
+      "syntaxType": {
+        "dark": "cyan",
+        "light": "blue"
+      },
+      "syntaxOperator": {
+        "dark": "pink",
+        "light": "pink"
+      },
+      "syntaxPunctuation": {
+        "dark": "foreground",
+        "light": "#272822"
+      }
+    }
+  },
+  "nightowl": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "nightOwlBg": "#011627",
+      "nightOwlFg": "#d6deeb",
+      "nightOwlBlue": "#82AAFF",
+      "nightOwlCyan": "#7fdbca",
+      "nightOwlGreen": "#c5e478",
+      "nightOwlYellow": "#ecc48d",
+      "nightOwlOrange": "#F78C6C",
+      "nightOwlRed": "#EF5350",
+      "nightOwlPink": "#ff5874",
+      "nightOwlPurple": "#c792ea",
+      "nightOwlMuted": "#5f7e97",
+      "nightOwlGray": "#637777",
+      "nightOwlLightGray": "#89a4bb",
+      "nightOwlPanel": "#0b253a"
+    },
+    "theme": {
+      "primary": {
+        "dark": "nightOwlBlue",
+        "light": "nightOwlBlue"
+      },
+      "secondary": {
+        "dark": "nightOwlCyan",
+        "light": "nightOwlCyan"
+      },
+      "accent": {
+        "dark": "nightOwlPurple",
+        "light": "nightOwlPurple"
+      },
+      "error": {
+        "dark": "nightOwlRed",
+        "light": "nightOwlRed"
+      },
+      "warning": {
+        "dark": "nightOwlYellow",
+        "light": "nightOwlYellow"
+      },
+      "success": {
+        "dark": "nightOwlGreen",
+        "light": "nightOwlGreen"
+      },
+      "info": {
+        "dark": "nightOwlBlue",
+        "light": "nightOwlBlue"
+      },
+      "text": {
+        "dark": "nightOwlFg",
+        "light": "nightOwlFg"
+      },
+      "textMuted": {
+        "dark": "nightOwlMuted",
+        "light": "nightOwlMuted"
+      },
+      "background": {
+        "dark": "nightOwlBg",
+        "light": "nightOwlBg"
+      },
+      "backgroundPanel": {
+        "dark": "nightOwlPanel",
+        "light": "nightOwlPanel"
+      },
+      "backgroundElement": {
+        "dark": "nightOwlPanel",
+        "light": "nightOwlPanel"
+      },
+      "border": {
+        "dark": "nightOwlMuted",
+        "light": "nightOwlMuted"
+      },
+      "borderActive": {
+        "dark": "nightOwlBlue",
+        "light": "nightOwlBlue"
+      },
+      "borderSubtle": {
+        "dark": "nightOwlMuted",
+        "light": "nightOwlMuted"
+      },
+      "diffAdded": {
+        "dark": "nightOwlGreen",
+        "light": "nightOwlGreen"
+      },
+      "diffRemoved": {
+        "dark": "nightOwlRed",
+        "light": "nightOwlRed"
+      },
+      "diffContext": {
+        "dark": "nightOwlMuted",
+        "light": "nightOwlMuted"
+      },
+      "diffHunkHeader": {
+        "dark": "nightOwlMuted",
+        "light": "nightOwlMuted"
+      },
+      "diffHighlightAdded": {
+        "dark": "nightOwlGreen",
+        "light": "nightOwlGreen"
+      },
+      "diffHighlightRemoved": {
+        "dark": "nightOwlRed",
+        "light": "nightOwlRed"
+      },
+      "diffAddedBg": {
+        "dark": "#0a2e1a",
+        "light": "#0a2e1a"
+      },
+      "diffRemovedBg": {
+        "dark": "#2d1b1b",
+        "light": "#2d1b1b"
+      },
+      "diffContextBg": {
+        "dark": "nightOwlPanel",
+        "light": "nightOwlPanel"
+      },
+      "diffLineNumber": {
+        "dark": "nightOwlMuted",
+        "light": "nightOwlMuted"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#0a2e1a",
+        "light": "#0a2e1a"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#2d1b1b",
+        "light": "#2d1b1b"
+      },
+      "markdownText": {
+        "dark": "nightOwlFg",
+        "light": "nightOwlFg"
+      },
+      "markdownHeading": {
+        "dark": "nightOwlBlue",
+        "light": "nightOwlBlue"
+      },
+      "markdownLink": {
+        "dark": "nightOwlCyan",
+        "light": "nightOwlCyan"
+      },
+      "markdownLinkText": {
+        "dark": "nightOwlBlue",
+        "light": "nightOwlBlue"
+      },
+      "markdownCode": {
+        "dark": "nightOwlGreen",
+        "light": "nightOwlGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "nightOwlMuted",
+        "light": "nightOwlMuted"
+      },
+      "markdownEmph": {
+        "dark": "nightOwlPurple",
+        "light": "nightOwlPurple"
+      },
+      "markdownStrong": {
+        "dark": "nightOwlYellow",
+        "light": "nightOwlYellow"
+      },
+      "markdownHorizontalRule": {
+        "dark": "nightOwlMuted",
+        "light": "nightOwlMuted"
+      },
+      "markdownListItem": {
+        "dark": "nightOwlBlue",
+        "light": "nightOwlBlue"
+      },
+      "markdownListEnumeration": {
+        "dark": "nightOwlCyan",
+        "light": "nightOwlCyan"
+      },
+      "markdownImage": {
+        "dark": "nightOwlCyan",
+        "light": "nightOwlCyan"
+      },
+      "markdownImageText": {
+        "dark": "nightOwlBlue",
+        "light": "nightOwlBlue"
+      },
+      "markdownCodeBlock": {
+        "dark": "nightOwlFg",
+        "light": "nightOwlFg"
+      },
+      "syntaxComment": {
+        "dark": "nightOwlGray",
+        "light": "nightOwlGray"
+      },
+      "syntaxKeyword": {
+        "dark": "nightOwlPurple",
+        "light": "nightOwlPurple"
+      },
+      "syntaxFunction": {
+        "dark": "nightOwlBlue",
+        "light": "nightOwlBlue"
+      },
+      "syntaxVariable": {
+        "dark": "nightOwlFg",
+        "light": "nightOwlFg"
+      },
+      "syntaxString": {
+        "dark": "nightOwlYellow",
+        "light": "nightOwlYellow"
+      },
+      "syntaxNumber": {
+        "dark": "nightOwlOrange",
+        "light": "nightOwlOrange"
+      },
+      "syntaxType": {
+        "dark": "nightOwlGreen",
+        "light": "nightOwlGreen"
+      },
+      "syntaxOperator": {
+        "dark": "nightOwlCyan",
+        "light": "nightOwlCyan"
+      },
+      "syntaxPunctuation": {
+        "dark": "nightOwlFg",
+        "light": "nightOwlFg"
+      }
+    }
+  },
+  "nord": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "nord0": "#2E3440",
+      "nord1": "#3B4252",
+      "nord2": "#434C5E",
+      "nord3": "#4C566A",
+      "nord4": "#D8DEE9",
+      "nord5": "#E5E9F0",
+      "nord6": "#ECEFF4",
+      "nord7": "#8FBCBB",
+      "nord8": "#88C0D0",
+      "nord9": "#81A1C1",
+      "nord10": "#5E81AC",
+      "nord11": "#BF616A",
+      "nord12": "#D08770",
+      "nord13": "#EBCB8B",
+      "nord14": "#A3BE8C",
+      "nord15": "#B48EAD"
+    },
+    "theme": {
+      "primary": {
+        "dark": "nord8",
+        "light": "nord10"
+      },
+      "secondary": {
+        "dark": "nord9",
+        "light": "nord9"
+      },
+      "accent": {
+        "dark": "nord7",
+        "light": "nord7"
+      },
+      "error": {
+        "dark": "nord11",
+        "light": "nord11"
+      },
+      "warning": {
+        "dark": "nord12",
+        "light": "nord12"
+      },
+      "success": {
+        "dark": "nord14",
+        "light": "nord14"
+      },
+      "info": {
+        "dark": "nord8",
+        "light": "nord10"
+      },
+      "text": {
+        "dark": "nord6",
+        "light": "nord0"
+      },
+      "textMuted": {
+        "dark": "#8B95A7",
+        "light": "nord1"
+      },
+      "background": {
+        "dark": "nord0",
+        "light": "nord6"
+      },
+      "backgroundPanel": {
+        "dark": "nord1",
+        "light": "nord5"
+      },
+      "backgroundElement": {
+        "dark": "nord2",
+        "light": "nord4"
+      },
+      "border": {
+        "dark": "nord2",
+        "light": "nord3"
+      },
+      "borderActive": {
+        "dark": "nord3",
+        "light": "nord2"
+      },
+      "borderSubtle": {
+        "dark": "nord2",
+        "light": "nord3"
+      },
+      "diffAdded": {
+        "dark": "nord14",
+        "light": "nord14"
+      },
+      "diffRemoved": {
+        "dark": "nord11",
+        "light": "nord11"
+      },
+      "diffContext": {
+        "dark": "#8B95A7",
+        "light": "nord3"
+      },
+      "diffHunkHeader": {
+        "dark": "#8B95A7",
+        "light": "nord3"
+      },
+      "diffHighlightAdded": {
+        "dark": "nord14",
+        "light": "nord14"
+      },
+      "diffHighlightRemoved": {
+        "dark": "nord11",
+        "light": "nord11"
+      },
+      "diffAddedBg": {
+        "dark": "#3B4252",
+        "light": "#E5E9F0"
+      },
+      "diffRemovedBg": {
+        "dark": "#3B4252",
+        "light": "#E5E9F0"
+      },
+      "diffContextBg": {
+        "dark": "nord1",
+        "light": "nord5"
+      },
+      "diffLineNumber": {
+        "dark": "nord2",
+        "light": "nord4"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#3B4252",
+        "light": "#E5E9F0"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#3B4252",
+        "light": "#E5E9F0"
+      },
+      "markdownText": {
+        "dark": "nord4",
+        "light": "nord0"
+      },
+      "markdownHeading": {
+        "dark": "nord8",
+        "light": "nord10"
+      },
+      "markdownLink": {
+        "dark": "nord9",
+        "light": "nord9"
+      },
+      "markdownLinkText": {
+        "dark": "nord7",
+        "light": "nord7"
+      },
+      "markdownCode": {
+        "dark": "nord14",
+        "light": "nord14"
+      },
+      "markdownBlockQuote": {
+        "dark": "#8B95A7",
+        "light": "nord3"
+      },
+      "markdownEmph": {
+        "dark": "nord12",
+        "light": "nord12"
+      },
+      "markdownStrong": {
+        "dark": "nord13",
+        "light": "nord13"
+      },
+      "markdownHorizontalRule": {
+        "dark": "#8B95A7",
+        "light": "nord3"
+      },
+      "markdownListItem": {
+        "dark": "nord8",
+        "light": "nord10"
+      },
+      "markdownListEnumeration": {
+        "dark": "nord7",
+        "light": "nord7"
+      },
+      "markdownImage": {
+        "dark": "nord9",
+        "light": "nord9"
+      },
+      "markdownImageText": {
+        "dark": "nord7",
+        "light": "nord7"
+      },
+      "markdownCodeBlock": {
+        "dark": "nord4",
+        "light": "nord0"
+      },
+      "syntaxComment": {
+        "dark": "#8B95A7",
+        "light": "nord3"
+      },
+      "syntaxKeyword": {
+        "dark": "nord9",
+        "light": "nord9"
+      },
+      "syntaxFunction": {
+        "dark": "nord8",
+        "light": "nord8"
+      },
+      "syntaxVariable": {
+        "dark": "nord7",
+        "light": "nord7"
+      },
+      "syntaxString": {
+        "dark": "nord14",
+        "light": "nord14"
+      },
+      "syntaxNumber": {
+        "dark": "nord15",
+        "light": "nord15"
+      },
+      "syntaxType": {
+        "dark": "nord7",
+        "light": "nord7"
+      },
+      "syntaxOperator": {
+        "dark": "nord9",
+        "light": "nord9"
+      },
+      "syntaxPunctuation": {
+        "dark": "nord4",
+        "light": "nord0"
+      }
+    }
+  },
+  "one-dark": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkBg": "#282c34",
+      "darkBgAlt": "#21252b",
+      "darkBgPanel": "#353b45",
+      "darkFg": "#abb2bf",
+      "darkFgMuted": "#5c6370",
+      "darkPurple": "#c678dd",
+      "darkBlue": "#61afef",
+      "darkRed": "#e06c75",
+      "darkGreen": "#98c379",
+      "darkYellow": "#e5c07b",
+      "darkOrange": "#d19a66",
+      "darkCyan": "#56b6c2",
+      "lightBg": "#fafafa",
+      "lightBgAlt": "#f0f0f1",
+      "lightBgPanel": "#eaeaeb",
+      "lightFg": "#383a42",
+      "lightFgMuted": "#a0a1a7",
+      "lightPurple": "#a626a4",
+      "lightBlue": "#4078f2",
+      "lightRed": "#e45649",
+      "lightGreen": "#50a14f",
+      "lightYellow": "#c18401",
+      "lightOrange": "#986801",
+      "lightCyan": "#0184bc"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "secondary": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "accent": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "success": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "info": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "text": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "textMuted": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "background": {
+        "dark": "darkBg",
+        "light": "lightBg"
+      },
+      "backgroundPanel": {
+        "dark": "darkBgAlt",
+        "light": "lightBgAlt"
+      },
+      "backgroundElement": {
+        "dark": "darkBgPanel",
+        "light": "lightBgPanel"
+      },
+      "border": {
+        "dark": "#393f4a",
+        "light": "#d1d1d2"
+      },
+      "borderActive": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "borderSubtle": {
+        "dark": "#2c313a",
+        "light": "#e0e0e1"
+      },
+      "diffAdded": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "diffRemoved": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "diffContext": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "diffHunkHeader": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "diffHighlightAdded": {
+        "dark": "#aad482",
+        "light": "#489447"
+      },
+      "diffHighlightRemoved": {
+        "dark": "#e8828b",
+        "light": "#d65145"
+      },
+      "diffAddedBg": {
+        "dark": "#2c382b",
+        "light": "#eafbe9"
+      },
+      "diffRemovedBg": {
+        "dark": "#3a2d2f",
+        "light": "#fce9e8"
+      },
+      "diffContextBg": {
+        "dark": "darkBgAlt",
+        "light": "lightBgAlt"
+      },
+      "diffLineNumber": {
+        "dark": "#495162",
+        "light": "#c9c9ca"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#283427",
+        "light": "#e1f3df"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#36292b",
+        "light": "#f5e2e1"
+      },
+      "markdownText": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "markdownHeading": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "markdownLink": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownLinkText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCode": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "markdownEmph": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownStrong": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "markdownListItem": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownImage": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownImageText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      },
+      "syntaxComment": {
+        "dark": "darkFgMuted",
+        "light": "lightFgMuted"
+      },
+      "syntaxKeyword": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "syntaxFunction": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "syntaxVariable": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "syntaxString": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "syntaxNumber": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "syntaxType": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "syntaxOperator": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkFg",
+        "light": "lightFg"
+      }
+    }
+  },
+  "opencode": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkStep1": "#0a0a0a",
+      "darkStep2": "#141414",
+      "darkStep3": "#1e1e1e",
+      "darkStep4": "#282828",
+      "darkStep5": "#323232",
+      "darkStep6": "#3c3c3c",
+      "darkStep7": "#484848",
+      "darkStep8": "#606060",
+      "darkStep9": "#fab283",
+      "darkStep10": "#ffc09f",
+      "darkStep11": "#808080",
+      "darkStep12": "#eeeeee",
+      "darkSecondary": "#5c9cf5",
+      "darkAccent": "#9d7cd8",
+      "darkRed": "#e06c75",
+      "darkOrange": "#f5a742",
+      "darkGreen": "#7fd88f",
+      "darkCyan": "#56b6c2",
+      "darkYellow": "#e5c07b",
+      "lightStep1": "#ffffff",
+      "lightStep2": "#fafafa",
+      "lightStep3": "#f5f5f5",
+      "lightStep4": "#ebebeb",
+      "lightStep5": "#e1e1e1",
+      "lightStep6": "#d4d4d4",
+      "lightStep7": "#b8b8b8",
+      "lightStep8": "#a0a0a0",
+      "lightStep9": "#3b7dd8",
+      "lightStep10": "#2968c3",
+      "lightStep11": "#8a8a8a",
+      "lightStep12": "#1a1a1a",
+      "lightSecondary": "#7b5bb6",
+      "lightAccent": "#d68c27",
+      "lightRed": "#d1383d",
+      "lightOrange": "#d68c27",
+      "lightGreen": "#3d9a57",
+      "lightCyan": "#318795",
+      "lightYellow": "#b0851f"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "secondary": {
+        "dark": "darkSecondary",
+        "light": "lightSecondary"
+      },
+      "accent": {
+        "dark": "darkAccent",
+        "light": "lightAccent"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "success": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "info": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "text": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "textMuted": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "background": {
+        "dark": "darkStep1",
+        "light": "lightStep1"
+      },
+      "backgroundPanel": {
+        "dark": "darkStep2",
+        "light": "lightStep2"
+      },
+      "backgroundElement": {
+        "dark": "darkStep3",
+        "light": "lightStep3"
+      },
+      "border": {
+        "dark": "darkStep7",
+        "light": "lightStep7"
+      },
+      "borderActive": {
+        "dark": "darkStep8",
+        "light": "lightStep8"
+      },
+      "borderSubtle": {
+        "dark": "darkStep6",
+        "light": "lightStep6"
+      },
+      "diffAdded": {
+        "dark": "#4fd6be",
+        "light": "#1e725c"
+      },
+      "diffRemoved": {
+        "dark": "#c53b53",
+        "light": "#c53b53"
+      },
+      "diffContext": {
+        "dark": "#828bb8",
+        "light": "#7086b5"
+      },
+      "diffHunkHeader": {
+        "dark": "#828bb8",
+        "light": "#7086b5"
+      },
+      "diffHighlightAdded": {
+        "dark": "#b8db87",
+        "light": "#4db380"
+      },
+      "diffHighlightRemoved": {
+        "dark": "#e26a75",
+        "light": "#f52a65"
+      },
+      "diffAddedBg": {
+        "dark": "#20303b",
+        "light": "#d5e5d5"
+      },
+      "diffRemovedBg": {
+        "dark": "#37222c",
+        "light": "#f7d8db"
+      },
+      "diffContextBg": {
+        "dark": "darkStep2",
+        "light": "lightStep2"
+      },
+      "diffLineNumber": {
+        "dark": "darkStep3",
+        "light": "lightStep3"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#1b2b34",
+        "light": "#c5d5c5"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#2d1f26",
+        "light": "#e7c8cb"
+      },
+      "markdownText": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "markdownHeading": {
+        "dark": "darkAccent",
+        "light": "lightAccent"
+      },
+      "markdownLink": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownLinkText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCode": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownEmph": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownStrong": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "markdownListItem": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownImage": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownImageText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "syntaxComment": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "syntaxKeyword": {
+        "dark": "darkAccent",
+        "light": "lightAccent"
+      },
+      "syntaxFunction": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "syntaxVariable": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "syntaxString": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "syntaxNumber": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "syntaxType": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "syntaxOperator": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      }
+    }
+  },
+  "orng": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkStep1": "#0a0a0a",
+      "darkStep2": "#141414",
+      "darkStep3": "#1e1e1e",
+      "darkStep4": "#282828",
+      "darkStep5": "#323232",
+      "darkStep6": "#3c3c3c",
+      "darkStep7": "#484848",
+      "darkStep8": "#606060",
+      "darkStep9": "#EC5B2B",
+      "darkStep10": "#EE7948",
+      "darkStep11": "#808080",
+      "darkStep12": "#eeeeee",
+      "darkSecondary": "#EE7948",
+      "darkAccent": "#FFF7F1",
+      "darkRed": "#e06c75",
+      "darkOrange": "#EC5B2B",
+      "darkBlue": "#6ba1e6",
+      "darkCyan": "#56b6c2",
+      "darkYellow": "#e5c07b",
+      "lightStep1": "#ffffff",
+      "lightStep2": "#FFF7F1",
+      "lightStep3": "#f5f0eb",
+      "lightStep4": "#ebebeb",
+      "lightStep5": "#e1e1e1",
+      "lightStep6": "#d4d4d4",
+      "lightStep7": "#b8b8b8",
+      "lightStep8": "#a0a0a0",
+      "lightStep9": "#EC5B2B",
+      "lightStep10": "#c94d24",
+      "lightStep11": "#8a8a8a",
+      "lightStep12": "#1a1a1a",
+      "lightSecondary": "#EE7948",
+      "lightAccent": "#c94d24",
+      "lightRed": "#d1383d",
+      "lightOrange": "#EC5B2B",
+      "lightBlue": "#0062d1",
+      "lightCyan": "#318795",
+      "lightYellow": "#b0851f"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "secondary": {
+        "dark": "darkSecondary",
+        "light": "lightSecondary"
+      },
+      "accent": {
+        "dark": "darkAccent",
+        "light": "lightAccent"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "success": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "info": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "text": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "textMuted": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "selectedListItemText": {
+        "dark": "#0a0a0a",
+        "light": "#ffffff"
+      },
+      "background": {
+        "dark": "darkStep1",
+        "light": "lightStep1"
+      },
+      "backgroundPanel": {
+        "dark": "darkStep2",
+        "light": "lightStep2"
+      },
+      "backgroundElement": {
+        "dark": "darkStep3",
+        "light": "lightStep3"
+      },
+      "border": {
+        "dark": "#EC5B2B",
+        "light": "#EC5B2B"
+      },
+      "borderActive": {
+        "dark": "#EE7948",
+        "light": "#c94d24"
+      },
+      "borderSubtle": {
+        "dark": "darkStep6",
+        "light": "lightStep6"
+      },
+      "diffAdded": {
+        "dark": "#6ba1e6",
+        "light": "#0062d1"
+      },
+      "diffRemoved": {
+        "dark": "#c53b53",
+        "light": "#c53b53"
+      },
+      "diffContext": {
+        "dark": "#828bb8",
+        "light": "#7086b5"
+      },
+      "diffHunkHeader": {
+        "dark": "#828bb8",
+        "light": "#7086b5"
+      },
+      "diffHighlightAdded": {
+        "dark": "#6ba1e6",
+        "light": "#0062d1"
+      },
+      "diffHighlightRemoved": {
+        "dark": "#e26a75",
+        "light": "#f52a65"
+      },
+      "diffAddedBg": {
+        "dark": "#1a2a3d",
+        "light": "#e0edfa"
+      },
+      "diffRemovedBg": {
+        "dark": "#37222c",
+        "light": "#f7d8db"
+      },
+      "diffContextBg": {
+        "dark": "darkStep2",
+        "light": "lightStep2"
+      },
+      "diffLineNumber": {
+        "dark": "darkStep3",
+        "light": "lightStep3"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#162535",
+        "light": "#d0e5f5"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#2d1f26",
+        "light": "#e7c8cb"
+      },
+      "markdownText": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "markdownHeading": {
+        "dark": "#EC5B2B",
+        "light": "#EC5B2B"
+      },
+      "markdownLink": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownLinkText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCode": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownBlockQuote": {
+        "dark": "#FFF7F1",
+        "light": "lightYellow"
+      },
+      "markdownEmph": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownStrong": {
+        "dark": "#EE7948",
+        "light": "#EC5B2B"
+      },
+      "markdownHorizontalRule": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "markdownListItem": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownImage": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownImageText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "syntaxComment": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "syntaxKeyword": {
+        "dark": "#EC5B2B",
+        "light": "#EC5B2B"
+      },
+      "syntaxFunction": {
+        "dark": "#EE7948",
+        "light": "#c94d24"
+      },
+      "syntaxVariable": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "syntaxString": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "syntaxNumber": {
+        "dark": "#FFF7F1",
+        "light": "#EC5B2B"
+      },
+      "syntaxType": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "syntaxOperator": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      }
+    }
+  },
+  "lucent-orng": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkStep6": "#3c3c3c",
+      "darkStep11": "#808080",
+      "darkStep12": "#eeeeee",
+      "darkSecondary": "#EE7948",
+      "darkAccent": "#FFF7F1",
+      "darkRed": "#e06c75",
+      "darkOrange": "#EC5B2B",
+      "darkBlue": "#6ba1e6",
+      "darkCyan": "#56b6c2",
+      "darkYellow": "#e5c07b",
+      "darkPanelBg": "#2a1a1599",
+      "lightStep6": "#d4d4d4",
+      "lightStep11": "#8a8a8a",
+      "lightStep12": "#1a1a1a",
+      "lightSecondary": "#EE7948",
+      "lightAccent": "#c94d24",
+      "lightRed": "#d1383d",
+      "lightOrange": "#EC5B2B",
+      "lightBlue": "#0062d1",
+      "lightCyan": "#318795",
+      "lightYellow": "#b0851f",
+      "lightPanelBg": "#fff5f099"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "secondary": {
+        "dark": "darkSecondary",
+        "light": "lightSecondary"
+      },
+      "accent": {
+        "dark": "darkAccent",
+        "light": "lightAccent"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "success": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "info": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "text": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "textMuted": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "selectedListItemText": {
+        "dark": "#0a0a0a",
+        "light": "#ffffff"
+      },
+      "background": {
+        "dark": "transparent",
+        "light": "transparent"
+      },
+      "backgroundPanel": {
+        "dark": "transparent",
+        "light": "transparent"
+      },
+      "backgroundElement": {
+        "dark": "transparent",
+        "light": "transparent"
+      },
+      "backgroundMenu": {
+        "dark": "darkPanelBg",
+        "light": "lightPanelBg"
+      },
+      "border": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "borderActive": {
+        "dark": "darkSecondary",
+        "light": "lightAccent"
+      },
+      "borderSubtle": {
+        "dark": "darkStep6",
+        "light": "lightStep6"
+      },
+      "diffAdded": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "diffRemoved": {
+        "dark": "#c53b53",
+        "light": "#c53b53"
+      },
+      "diffContext": {
+        "dark": "#828bb8",
+        "light": "#7086b5"
+      },
+      "diffHunkHeader": {
+        "dark": "#828bb8",
+        "light": "#7086b5"
+      },
+      "diffHighlightAdded": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "diffHighlightRemoved": {
+        "dark": "#e26a75",
+        "light": "#f52a65"
+      },
+      "diffAddedBg": {
+        "dark": "transparent",
+        "light": "transparent"
+      },
+      "diffRemovedBg": {
+        "dark": "transparent",
+        "light": "transparent"
+      },
+      "diffContextBg": {
+        "dark": "transparent",
+        "light": "transparent"
+      },
+      "diffLineNumber": {
+        "dark": "#666666",
+        "light": "#999999"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "transparent",
+        "light": "transparent"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "transparent",
+        "light": "transparent"
+      },
+      "markdownText": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "markdownHeading": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "markdownLink": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "markdownLinkText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCode": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkAccent",
+        "light": "lightYellow"
+      },
+      "markdownEmph": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownStrong": {
+        "dark": "darkSecondary",
+        "light": "lightOrange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "markdownListItem": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownImage": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "markdownImageText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "syntaxComment": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "syntaxKeyword": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "syntaxFunction": {
+        "dark": "darkSecondary",
+        "light": "lightAccent"
+      },
+      "syntaxVariable": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "syntaxString": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "syntaxNumber": {
+        "dark": "darkAccent",
+        "light": "lightOrange"
+      },
+      "syntaxType": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "syntaxOperator": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      }
+    }
+  },
+  "osaka-jade": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkBg0": "#111c18",
+      "darkBg1": "#1a2520",
+      "darkBg2": "#23372B",
+      "darkBg3": "#3d4a44",
+      "darkFg0": "#C1C497",
+      "darkFg1": "#9aa88a",
+      "darkGray": "#53685B",
+      "darkRed": "#FF5345",
+      "darkGreen": "#549e6a",
+      "darkYellow": "#459451",
+      "darkBlue": "#509475",
+      "darkMagenta": "#D2689C",
+      "darkCyan": "#2DD5B7",
+      "darkWhite": "#F6F5DD",
+      "darkRedBright": "#db9f9c",
+      "darkGreenBright": "#63b07a",
+      "darkYellowBright": "#E5C736",
+      "darkBlueBright": "#ACD4CF",
+      "darkMagentaBright": "#75bbb3",
+      "darkCyanBright": "#8CD3CB",
+      "lightBg0": "#F6F5DD",
+      "lightBg1": "#E8E7CC",
+      "lightBg2": "#D5D4B8",
+      "lightBg3": "#A8A78C",
+      "lightFg0": "#111c18",
+      "lightFg1": "#1a2520",
+      "lightGray": "#53685B",
+      "lightRed": "#c7392d",
+      "lightGreen": "#3d7a52",
+      "lightYellow": "#b5a020",
+      "lightBlue": "#3d7560",
+      "lightMagenta": "#a8527a",
+      "lightCyan": "#1faa90"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "secondary": {
+        "dark": "darkMagenta",
+        "light": "lightMagenta"
+      },
+      "accent": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkYellowBright",
+        "light": "lightYellow"
+      },
+      "success": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "info": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "text": {
+        "dark": "darkFg0",
+        "light": "lightFg0"
+      },
+      "textMuted": {
+        "dark": "darkGray",
+        "light": "lightGray"
+      },
+      "background": {
+        "dark": "darkBg0",
+        "light": "lightBg0"
+      },
+      "backgroundPanel": {
+        "dark": "darkBg1",
+        "light": "lightBg1"
+      },
+      "backgroundElement": {
+        "dark": "darkBg2",
+        "light": "lightBg2"
+      },
+      "border": {
+        "dark": "darkBg3",
+        "light": "lightBg3"
+      },
+      "borderActive": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "borderSubtle": {
+        "dark": "darkBg2",
+        "light": "lightBg2"
+      },
+      "diffAdded": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "diffRemoved": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "diffContext": {
+        "dark": "darkGray",
+        "light": "lightGray"
+      },
+      "diffHunkHeader": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "diffHighlightAdded": {
+        "dark": "darkGreenBright",
+        "light": "lightGreen"
+      },
+      "diffHighlightRemoved": {
+        "dark": "darkRedBright",
+        "light": "lightRed"
+      },
+      "diffAddedBg": {
+        "dark": "#15241c",
+        "light": "#e0eee5"
+      },
+      "diffRemovedBg": {
+        "dark": "#241515",
+        "light": "#eee0e0"
+      },
+      "diffContextBg": {
+        "dark": "darkBg1",
+        "light": "lightBg1"
+      },
+      "diffLineNumber": {
+        "dark": "darkBg3",
+        "light": "lightBg3"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#121f18",
+        "light": "#d5e5da"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#1f1212",
+        "light": "#e5d5d5"
+      },
+      "markdownText": {
+        "dark": "darkFg0",
+        "light": "lightFg0"
+      },
+      "markdownHeading": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownLink": {
+        "dark": "darkCyanBright",
+        "light": "lightCyan"
+      },
+      "markdownLinkText": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "markdownCode": {
+        "dark": "darkGreenBright",
+        "light": "lightGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkGray",
+        "light": "lightGray"
+      },
+      "markdownEmph": {
+        "dark": "darkMagenta",
+        "light": "lightMagenta"
+      },
+      "markdownStrong": {
+        "dark": "darkFg0",
+        "light": "lightFg0"
+      },
+      "markdownHorizontalRule": {
+        "dark": "darkGray",
+        "light": "lightGray"
+      },
+      "markdownListItem": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkCyanBright",
+        "light": "lightCyan"
+      },
+      "markdownImage": {
+        "dark": "darkCyanBright",
+        "light": "lightCyan"
+      },
+      "markdownImageText": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkFg0",
+        "light": "lightFg0"
+      },
+      "syntaxComment": {
+        "dark": "darkGray",
+        "light": "lightGray"
+      },
+      "syntaxKeyword": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "syntaxFunction": {
+        "dark": "darkBlue",
+        "light": "lightBlue"
+      },
+      "syntaxVariable": {
+        "dark": "darkFg0",
+        "light": "lightFg0"
+      },
+      "syntaxString": {
+        "dark": "darkGreenBright",
+        "light": "lightGreen"
+      },
+      "syntaxNumber": {
+        "dark": "darkMagenta",
+        "light": "lightMagenta"
+      },
+      "syntaxType": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "syntaxOperator": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkFg0",
+        "light": "lightFg0"
+      }
+    }
+  },
+  "palenight": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "background": "#292d3e",
+      "backgroundAlt": "#1e2132",
+      "backgroundPanel": "#32364a",
+      "foreground": "#a6accd",
+      "foregroundBright": "#bfc7d5",
+      "comment": "#676e95",
+      "red": "#f07178",
+      "orange": "#f78c6c",
+      "yellow": "#ffcb6b",
+      "green": "#c3e88d",
+      "cyan": "#89ddff",
+      "blue": "#82aaff",
+      "purple": "#c792ea",
+      "magenta": "#ff5370",
+      "pink": "#f07178"
+    },
+    "theme": {
+      "primary": {
+        "dark": "blue",
+        "light": "#4976eb"
+      },
+      "secondary": {
+        "dark": "purple",
+        "light": "#a854f2"
+      },
+      "accent": {
+        "dark": "cyan",
+        "light": "#00acc1"
+      },
+      "error": {
+        "dark": "red",
+        "light": "#e53935"
+      },
+      "warning": {
+        "dark": "yellow",
+        "light": "#ffb300"
+      },
+      "success": {
+        "dark": "green",
+        "light": "#91b859"
+      },
+      "info": {
+        "dark": "orange",
+        "light": "#f4511e"
+      },
+      "text": {
+        "dark": "foreground",
+        "light": "#292d3e"
+      },
+      "textMuted": {
+        "dark": "comment",
+        "light": "#8796b0"
+      },
+      "background": {
+        "dark": "#292d3e",
+        "light": "#fafafa"
+      },
+      "backgroundPanel": {
+        "dark": "#1e2132",
+        "light": "#f5f5f5"
+      },
+      "backgroundElement": {
+        "dark": "#32364a",
+        "light": "#e7e7e8"
+      },
+      "border": {
+        "dark": "#32364a",
+        "light": "#e0e0e0"
+      },
+      "borderActive": {
+        "dark": "blue",
+        "light": "#4976eb"
+      },
+      "borderSubtle": {
+        "dark": "#1e2132",
+        "light": "#eeeeee"
+      },
+      "diffAdded": {
+        "dark": "green",
+        "light": "#91b859"
+      },
+      "diffRemoved": {
+        "dark": "red",
+        "light": "#e53935"
+      },
+      "diffContext": {
+        "dark": "comment",
+        "light": "#8796b0"
+      },
+      "diffHunkHeader": {
+        "dark": "cyan",
+        "light": "#00acc1"
+      },
+      "diffHighlightAdded": {
+        "dark": "green",
+        "light": "#91b859"
+      },
+      "diffHighlightRemoved": {
+        "dark": "red",
+        "light": "#e53935"
+      },
+      "diffAddedBg": {
+        "dark": "#2e3c2b",
+        "light": "#e8f5e9"
+      },
+      "diffRemovedBg": {
+        "dark": "#3c2b2b",
+        "light": "#ffebee"
+      },
+      "diffContextBg": {
+        "dark": "#1e2132",
+        "light": "#f5f5f5"
+      },
+      "diffLineNumber": {
+        "dark": "#444760",
+        "light": "#cfd8dc"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#2e3c2b",
+        "light": "#e8f5e9"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#3c2b2b",
+        "light": "#ffebee"
+      },
+      "markdownText": {
+        "dark": "foreground",
+        "light": "#292d3e"
+      },
+      "markdownHeading": {
+        "dark": "purple",
+        "light": "#a854f2"
+      },
+      "markdownLink": {
+        "dark": "blue",
+        "light": "#4976eb"
+      },
+      "markdownLinkText": {
+        "dark": "cyan",
+        "light": "#00acc1"
+      },
+      "markdownCode": {
+        "dark": "green",
+        "light": "#91b859"
+      },
+      "markdownBlockQuote": {
+        "dark": "comment",
+        "light": "#8796b0"
+      },
+      "markdownEmph": {
+        "dark": "yellow",
+        "light": "#ffb300"
+      },
+      "markdownStrong": {
+        "dark": "orange",
+        "light": "#f4511e"
+      },
+      "markdownHorizontalRule": {
+        "dark": "comment",
+        "light": "#8796b0"
+      },
+      "markdownListItem": {
+        "dark": "blue",
+        "light": "#4976eb"
+      },
+      "markdownListEnumeration": {
+        "dark": "cyan",
+        "light": "#00acc1"
+      },
+      "markdownImage": {
+        "dark": "blue",
+        "light": "#4976eb"
+      },
+      "markdownImageText": {
+        "dark": "cyan",
+        "light": "#00acc1"
+      },
+      "markdownCodeBlock": {
+        "dark": "foreground",
+        "light": "#292d3e"
+      },
+      "syntaxComment": {
+        "dark": "comment",
+        "light": "#8796b0"
+      },
+      "syntaxKeyword": {
+        "dark": "purple",
+        "light": "#a854f2"
+      },
+      "syntaxFunction": {
+        "dark": "blue",
+        "light": "#4976eb"
+      },
+      "syntaxVariable": {
+        "dark": "foreground",
+        "light": "#292d3e"
+      },
+      "syntaxString": {
+        "dark": "green",
+        "light": "#91b859"
+      },
+      "syntaxNumber": {
+        "dark": "orange",
+        "light": "#f4511e"
+      },
+      "syntaxType": {
+        "dark": "yellow",
+        "light": "#ffb300"
+      },
+      "syntaxOperator": {
+        "dark": "cyan",
+        "light": "#00acc1"
+      },
+      "syntaxPunctuation": {
+        "dark": "foreground",
+        "light": "#292d3e"
+      }
+    }
+  },
+  "rosepine": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "base": "#191724",
+      "surface": "#1f1d2e",
+      "overlay": "#26233a",
+      "muted": "#6e6a86",
+      "subtle": "#908caa",
+      "text": "#e0def4",
+      "love": "#eb6f92",
+      "gold": "#f6c177",
+      "rose": "#ebbcba",
+      "pine": "#31748f",
+      "foam": "#9ccfd8",
+      "iris": "#c4a7e7",
+      "highlightLow": "#21202e",
+      "highlightMed": "#403d52",
+      "highlightHigh": "#524f67",
+      "moonBase": "#232136",
+      "moonSurface": "#2a273f",
+      "moonOverlay": "#393552",
+      "moonMuted": "#6e6a86",
+      "moonSubtle": "#908caa",
+      "moonText": "#e0def4",
+      "dawnBase": "#faf4ed",
+      "dawnSurface": "#fffaf3",
+      "dawnOverlay": "#f2e9e1",
+      "dawnMuted": "#9893a5",
+      "dawnSubtle": "#797593",
+      "dawnText": "#575279"
+    },
+    "theme": {
+      "primary": {
+        "dark": "foam",
+        "light": "pine"
+      },
+      "secondary": {
+        "dark": "iris",
+        "light": "#907aa9"
+      },
+      "accent": {
+        "dark": "rose",
+        "light": "#d7827e"
+      },
+      "error": {
+        "dark": "love",
+        "light": "#b4637a"
+      },
+      "warning": {
+        "dark": "gold",
+        "light": "#ea9d34"
+      },
+      "success": {
+        "dark": "pine",
+        "light": "#286983"
+      },
+      "info": {
+        "dark": "foam",
+        "light": "#56949f"
+      },
+      "text": {
+        "dark": "#e0def4",
+        "light": "#575279"
+      },
+      "textMuted": {
+        "dark": "muted",
+        "light": "dawnMuted"
+      },
+      "background": {
+        "dark": "base",
+        "light": "dawnBase"
+      },
+      "backgroundPanel": {
+        "dark": "surface",
+        "light": "dawnSurface"
+      },
+      "backgroundElement": {
+        "dark": "overlay",
+        "light": "dawnOverlay"
+      },
+      "border": {
+        "dark": "highlightMed",
+        "light": "#dfdad9"
+      },
+      "borderActive": {
+        "dark": "foam",
+        "light": "pine"
+      },
+      "borderSubtle": {
+        "dark": "highlightLow",
+        "light": "#f4ede8"
+      },
+      "diffAdded": {
+        "dark": "pine",
+        "light": "#286983"
+      },
+      "diffRemoved": {
+        "dark": "love",
+        "light": "#b4637a"
+      },
+      "diffContext": {
+        "dark": "muted",
+        "light": "dawnMuted"
+      },
+      "diffHunkHeader": {
+        "dark": "iris",
+        "light": "#907aa9"
+      },
+      "diffHighlightAdded": {
+        "dark": "pine",
+        "light": "#286983"
+      },
+      "diffHighlightRemoved": {
+        "dark": "love",
+        "light": "#b4637a"
+      },
+      "diffAddedBg": {
+        "dark": "#1f2d3a",
+        "light": "#e5f2f3"
+      },
+      "diffRemovedBg": {
+        "dark": "#3a1f2d",
+        "light": "#fce5e8"
+      },
+      "diffContextBg": {
+        "dark": "surface",
+        "light": "dawnSurface"
+      },
+      "diffLineNumber": {
+        "dark": "muted",
+        "light": "dawnMuted"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#1f2d3a",
+        "light": "#e5f2f3"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#3a1f2d",
+        "light": "#fce5e8"
+      },
+      "markdownText": {
+        "dark": "#e0def4",
+        "light": "#575279"
+      },
+      "markdownHeading": {
+        "dark": "iris",
+        "light": "#907aa9"
+      },
+      "markdownLink": {
+        "dark": "foam",
+        "light": "pine"
+      },
+      "markdownLinkText": {
+        "dark": "rose",
+        "light": "#d7827e"
+      },
+      "markdownCode": {
+        "dark": "pine",
+        "light": "#286983"
+      },
+      "markdownBlockQuote": {
+        "dark": "muted",
+        "light": "dawnMuted"
+      },
+      "markdownEmph": {
+        "dark": "gold",
+        "light": "#ea9d34"
+      },
+      "markdownStrong": {
+        "dark": "love",
+        "light": "#b4637a"
+      },
+      "markdownHorizontalRule": {
+        "dark": "highlightMed",
+        "light": "#dfdad9"
+      },
+      "markdownListItem": {
+        "dark": "foam",
+        "light": "pine"
+      },
+      "markdownListEnumeration": {
+        "dark": "rose",
+        "light": "#d7827e"
+      },
+      "markdownImage": {
+        "dark": "foam",
+        "light": "pine"
+      },
+      "markdownImageText": {
+        "dark": "rose",
+        "light": "#d7827e"
+      },
+      "markdownCodeBlock": {
+        "dark": "#e0def4",
+        "light": "#575279"
+      },
+      "syntaxComment": {
+        "dark": "muted",
+        "light": "dawnMuted"
+      },
+      "syntaxKeyword": {
+        "dark": "pine",
+        "light": "#286983"
+      },
+      "syntaxFunction": {
+        "dark": "rose",
+        "light": "#d7827e"
+      },
+      "syntaxVariable": {
+        "dark": "#e0def4",
+        "light": "#575279"
+      },
+      "syntaxString": {
+        "dark": "gold",
+        "light": "#ea9d34"
+      },
+      "syntaxNumber": {
+        "dark": "iris",
+        "light": "#907aa9"
+      },
+      "syntaxType": {
+        "dark": "foam",
+        "light": "#56949f"
+      },
+      "syntaxOperator": {
+        "dark": "subtle",
+        "light": "dawnSubtle"
+      },
+      "syntaxPunctuation": {
+        "dark": "subtle",
+        "light": "dawnSubtle"
+      }
+    }
+  },
+  "solarized": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "base03": "#002b36",
+      "base02": "#073642",
+      "base01": "#586e75",
+      "base00": "#657b83",
+      "base0": "#839496",
+      "base1": "#93a1a1",
+      "base2": "#eee8d5",
+      "base3": "#fdf6e3",
+      "yellow": "#b58900",
+      "orange": "#cb4b16",
+      "red": "#dc322f",
+      "magenta": "#d33682",
+      "violet": "#6c71c4",
+      "blue": "#268bd2",
+      "cyan": "#2aa198",
+      "green": "#859900"
+    },
+    "theme": {
+      "primary": {
+        "dark": "blue",
+        "light": "blue"
+      },
+      "secondary": {
+        "dark": "violet",
+        "light": "violet"
+      },
+      "accent": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "error": {
+        "dark": "red",
+        "light": "red"
+      },
+      "warning": {
+        "dark": "yellow",
+        "light": "yellow"
+      },
+      "success": {
+        "dark": "green",
+        "light": "green"
+      },
+      "info": {
+        "dark": "orange",
+        "light": "orange"
+      },
+      "text": {
+        "dark": "base0",
+        "light": "base00"
+      },
+      "textMuted": {
+        "dark": "base01",
+        "light": "base1"
+      },
+      "background": {
+        "dark": "base03",
+        "light": "base3"
+      },
+      "backgroundPanel": {
+        "dark": "base02",
+        "light": "base2"
+      },
+      "backgroundElement": {
+        "dark": "#073642",
+        "light": "#eee8d5"
+      },
+      "border": {
+        "dark": "base02",
+        "light": "base2"
+      },
+      "borderActive": {
+        "dark": "base01",
+        "light": "base1"
+      },
+      "borderSubtle": {
+        "dark": "#073642",
+        "light": "#eee8d5"
+      },
+      "diffAdded": {
+        "dark": "green",
+        "light": "green"
+      },
+      "diffRemoved": {
+        "dark": "red",
+        "light": "red"
+      },
+      "diffContext": {
+        "dark": "base01",
+        "light": "base1"
+      },
+      "diffHunkHeader": {
+        "dark": "base01",
+        "light": "base1"
+      },
+      "diffHighlightAdded": {
+        "dark": "green",
+        "light": "green"
+      },
+      "diffHighlightRemoved": {
+        "dark": "red",
+        "light": "red"
+      },
+      "diffAddedBg": {
+        "dark": "#073642",
+        "light": "#eee8d5"
+      },
+      "diffRemovedBg": {
+        "dark": "#073642",
+        "light": "#eee8d5"
+      },
+      "diffContextBg": {
+        "dark": "base02",
+        "light": "base2"
+      },
+      "diffLineNumber": {
+        "dark": "base01",
+        "light": "base1"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#073642",
+        "light": "#eee8d5"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#073642",
+        "light": "#eee8d5"
+      },
+      "markdownText": {
+        "dark": "base0",
+        "light": "base00"
+      },
+      "markdownHeading": {
+        "dark": "blue",
+        "light": "blue"
+      },
+      "markdownLink": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "markdownLinkText": {
+        "dark": "violet",
+        "light": "violet"
+      },
+      "markdownCode": {
+        "dark": "green",
+        "light": "green"
+      },
+      "markdownBlockQuote": {
+        "dark": "base01",
+        "light": "base1"
+      },
+      "markdownEmph": {
+        "dark": "yellow",
+        "light": "yellow"
+      },
+      "markdownStrong": {
+        "dark": "orange",
+        "light": "orange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "base01",
+        "light": "base1"
+      },
+      "markdownListItem": {
+        "dark": "blue",
+        "light": "blue"
+      },
+      "markdownListEnumeration": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "markdownImage": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "markdownImageText": {
+        "dark": "violet",
+        "light": "violet"
+      },
+      "markdownCodeBlock": {
+        "dark": "base0",
+        "light": "base00"
+      },
+      "syntaxComment": {
+        "dark": "base01",
+        "light": "base1"
+      },
+      "syntaxKeyword": {
+        "dark": "green",
+        "light": "green"
+      },
+      "syntaxFunction": {
+        "dark": "blue",
+        "light": "blue"
+      },
+      "syntaxVariable": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "syntaxString": {
+        "dark": "cyan",
+        "light": "cyan"
+      },
+      "syntaxNumber": {
+        "dark": "magenta",
+        "light": "magenta"
+      },
+      "syntaxType": {
+        "dark": "yellow",
+        "light": "yellow"
+      },
+      "syntaxOperator": {
+        "dark": "green",
+        "light": "green"
+      },
+      "syntaxPunctuation": {
+        "dark": "base0",
+        "light": "base00"
+      }
+    }
+  },
+  "synthwave84": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "background": "#262335",
+      "backgroundAlt": "#1e1a29",
+      "backgroundPanel": "#2a2139",
+      "foreground": "#ffffff",
+      "foregroundMuted": "#848bbd",
+      "pink": "#ff7edb",
+      "pinkBright": "#ff92df",
+      "cyan": "#36f9f6",
+      "cyanBright": "#72f1f8",
+      "yellow": "#fede5d",
+      "yellowBright": "#fff95d",
+      "orange": "#ff8b39",
+      "orangeBright": "#ff9f43",
+      "purple": "#b084eb",
+      "purpleBright": "#c792ea",
+      "red": "#fe4450",
+      "redBright": "#ff5e5b",
+      "green": "#72f1b8",
+      "greenBright": "#97f1d8"
+    },
+    "theme": {
+      "primary": {
+        "dark": "cyan",
+        "light": "#00bcd4"
+      },
+      "secondary": {
+        "dark": "pink",
+        "light": "#e91e63"
+      },
+      "accent": {
+        "dark": "purple",
+        "light": "#9c27b0"
+      },
+      "error": {
+        "dark": "red",
+        "light": "#f44336"
+      },
+      "warning": {
+        "dark": "yellow",
+        "light": "#ff9800"
+      },
+      "success": {
+        "dark": "green",
+        "light": "#4caf50"
+      },
+      "info": {
+        "dark": "orange",
+        "light": "#ff5722"
+      },
+      "text": {
+        "dark": "foreground",
+        "light": "#262335"
+      },
+      "textMuted": {
+        "dark": "foregroundMuted",
+        "light": "#5c5c8a"
+      },
+      "background": {
+        "dark": "#262335",
+        "light": "#fafafa"
+      },
+      "backgroundPanel": {
+        "dark": "#1e1a29",
+        "light": "#f5f5f5"
+      },
+      "backgroundElement": {
+        "dark": "#2a2139",
+        "light": "#eeeeee"
+      },
+      "border": {
+        "dark": "#495495",
+        "light": "#e0e0e0"
+      },
+      "borderActive": {
+        "dark": "cyan",
+        "light": "#00bcd4"
+      },
+      "borderSubtle": {
+        "dark": "#241b2f",
+        "light": "#f0f0f0"
+      },
+      "diffAdded": {
+        "dark": "green",
+        "light": "#4caf50"
+      },
+      "diffRemoved": {
+        "dark": "red",
+        "light": "#f44336"
+      },
+      "diffContext": {
+        "dark": "foregroundMuted",
+        "light": "#5c5c8a"
+      },
+      "diffHunkHeader": {
+        "dark": "purple",
+        "light": "#9c27b0"
+      },
+      "diffHighlightAdded": {
+        "dark": "greenBright",
+        "light": "#4caf50"
+      },
+      "diffHighlightRemoved": {
+        "dark": "redBright",
+        "light": "#f44336"
+      },
+      "diffAddedBg": {
+        "dark": "#1a3a2a",
+        "light": "#e8f5e9"
+      },
+      "diffRemovedBg": {
+        "dark": "#3a1a2a",
+        "light": "#ffebee"
+      },
+      "diffContextBg": {
+        "dark": "#1e1a29",
+        "light": "#f5f5f5"
+      },
+      "diffLineNumber": {
+        "dark": "#495495",
+        "light": "#b0b0b0"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#1a3a2a",
+        "light": "#e8f5e9"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#3a1a2a",
+        "light": "#ffebee"
+      },
+      "markdownText": {
+        "dark": "foreground",
+        "light": "#262335"
+      },
+      "markdownHeading": {
+        "dark": "pink",
+        "light": "#e91e63"
+      },
+      "markdownLink": {
+        "dark": "cyan",
+        "light": "#00bcd4"
+      },
+      "markdownLinkText": {
+        "dark": "purple",
+        "light": "#9c27b0"
+      },
+      "markdownCode": {
+        "dark": "green",
+        "light": "#4caf50"
+      },
+      "markdownBlockQuote": {
+        "dark": "foregroundMuted",
+        "light": "#5c5c8a"
+      },
+      "markdownEmph": {
+        "dark": "yellow",
+        "light": "#ff9800"
+      },
+      "markdownStrong": {
+        "dark": "orange",
+        "light": "#ff5722"
+      },
+      "markdownHorizontalRule": {
+        "dark": "#495495",
+        "light": "#e0e0e0"
+      },
+      "markdownListItem": {
+        "dark": "cyan",
+        "light": "#00bcd4"
+      },
+      "markdownListEnumeration": {
+        "dark": "purple",
+        "light": "#9c27b0"
+      },
+      "markdownImage": {
+        "dark": "cyan",
+        "light": "#00bcd4"
+      },
+      "markdownImageText": {
+        "dark": "purple",
+        "light": "#9c27b0"
+      },
+      "markdownCodeBlock": {
+        "dark": "foreground",
+        "light": "#262335"
+      },
+      "syntaxComment": {
+        "dark": "foregroundMuted",
+        "light": "#5c5c8a"
+      },
+      "syntaxKeyword": {
+        "dark": "pink",
+        "light": "#e91e63"
+      },
+      "syntaxFunction": {
+        "dark": "orange",
+        "light": "#ff5722"
+      },
+      "syntaxVariable": {
+        "dark": "foreground",
+        "light": "#262335"
+      },
+      "syntaxString": {
+        "dark": "yellow",
+        "light": "#ff9800"
+      },
+      "syntaxNumber": {
+        "dark": "purple",
+        "light": "#9c27b0"
+      },
+      "syntaxType": {
+        "dark": "cyan",
+        "light": "#00bcd4"
+      },
+      "syntaxOperator": {
+        "dark": "pink",
+        "light": "#e91e63"
+      },
+      "syntaxPunctuation": {
+        "dark": "foreground",
+        "light": "#262335"
+      }
+    }
+  },
+  "tokyonight": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "darkStep1": "#1a1b26",
+      "darkStep2": "#1e2030",
+      "darkStep3": "#222436",
+      "darkStep4": "#292e42",
+      "darkStep5": "#3b4261",
+      "darkStep6": "#545c7e",
+      "darkStep7": "#737aa2",
+      "darkStep8": "#9099b2",
+      "darkStep9": "#82aaff",
+      "darkStep10": "#89b4fa",
+      "darkStep11": "#828bb8",
+      "darkStep12": "#c8d3f5",
+      "darkRed": "#ff757f",
+      "darkOrange": "#ff966c",
+      "darkYellow": "#ffc777",
+      "darkGreen": "#c3e88d",
+      "darkCyan": "#86e1fc",
+      "darkPurple": "#c099ff",
+      "lightStep1": "#e1e2e7",
+      "lightStep2": "#d5d6db",
+      "lightStep3": "#c8c9ce",
+      "lightStep4": "#b9bac1",
+      "lightStep5": "#a8aecb",
+      "lightStep6": "#9699a8",
+      "lightStep7": "#737a8c",
+      "lightStep8": "#5a607d",
+      "lightStep9": "#2e7de9",
+      "lightStep10": "#1a6ce7",
+      "lightStep11": "#8990a3",
+      "lightStep12": "#3760bf",
+      "lightRed": "#f52a65",
+      "lightOrange": "#b15c00",
+      "lightYellow": "#8c6c3e",
+      "lightGreen": "#587539",
+      "lightCyan": "#007197",
+      "lightPurple": "#9854f1"
+    },
+    "theme": {
+      "primary": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "secondary": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "accent": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "error": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "warning": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "success": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "info": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "text": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "textMuted": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "background": {
+        "dark": "darkStep1",
+        "light": "lightStep1"
+      },
+      "backgroundPanel": {
+        "dark": "darkStep2",
+        "light": "lightStep2"
+      },
+      "backgroundElement": {
+        "dark": "darkStep3",
+        "light": "lightStep3"
+      },
+      "border": {
+        "dark": "darkStep7",
+        "light": "lightStep7"
+      },
+      "borderActive": {
+        "dark": "darkStep8",
+        "light": "lightStep8"
+      },
+      "borderSubtle": {
+        "dark": "darkStep6",
+        "light": "lightStep6"
+      },
+      "diffAdded": {
+        "dark": "#4fd6be",
+        "light": "#1e725c"
+      },
+      "diffRemoved": {
+        "dark": "#c53b53",
+        "light": "#c53b53"
+      },
+      "diffContext": {
+        "dark": "#828bb8",
+        "light": "#7086b5"
+      },
+      "diffHunkHeader": {
+        "dark": "#828bb8",
+        "light": "#7086b5"
+      },
+      "diffHighlightAdded": {
+        "dark": "#b8db87",
+        "light": "#4db380"
+      },
+      "diffHighlightRemoved": {
+        "dark": "#e26a75",
+        "light": "#f52a65"
+      },
+      "diffAddedBg": {
+        "dark": "#20303b",
+        "light": "#d5e5d5"
+      },
+      "diffRemovedBg": {
+        "dark": "#37222c",
+        "light": "#f7d8db"
+      },
+      "diffContextBg": {
+        "dark": "darkStep2",
+        "light": "lightStep2"
+      },
+      "diffLineNumber": {
+        "dark": "darkStep3",
+        "light": "lightStep3"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#1b2b34",
+        "light": "#c5d5c5"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#2d1f26",
+        "light": "#e7c8cb"
+      },
+      "markdownText": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "markdownHeading": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "markdownLink": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownLinkText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCode": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "markdownBlockQuote": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownEmph": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "markdownStrong": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "markdownHorizontalRule": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "markdownListItem": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownListEnumeration": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownImage": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "markdownImageText": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "markdownCodeBlock": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      },
+      "syntaxComment": {
+        "dark": "darkStep11",
+        "light": "lightStep11"
+      },
+      "syntaxKeyword": {
+        "dark": "darkPurple",
+        "light": "lightPurple"
+      },
+      "syntaxFunction": {
+        "dark": "darkStep9",
+        "light": "lightStep9"
+      },
+      "syntaxVariable": {
+        "dark": "darkRed",
+        "light": "lightRed"
+      },
+      "syntaxString": {
+        "dark": "darkGreen",
+        "light": "lightGreen"
+      },
+      "syntaxNumber": {
+        "dark": "darkOrange",
+        "light": "lightOrange"
+      },
+      "syntaxType": {
+        "dark": "darkYellow",
+        "light": "lightYellow"
+      },
+      "syntaxOperator": {
+        "dark": "darkCyan",
+        "light": "lightCyan"
+      },
+      "syntaxPunctuation": {
+        "dark": "darkStep12",
+        "light": "lightStep12"
+      }
+    }
+  },
+  "vercel": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "background100": "#0A0A0A",
+      "background200": "#000000",
+      "gray100": "#1A1A1A",
+      "gray200": "#1F1F1F",
+      "gray300": "#292929",
+      "gray400": "#2E2E2E",
+      "gray500": "#454545",
+      "gray600": "#878787",
+      "gray700": "#8F8F8F",
+      "gray900": "#A1A1A1",
+      "gray1000": "#EDEDED",
+      "blue600": "#0099FF",
+      "blue700": "#0070F3",
+      "blue900": "#52A8FF",
+      "blue1000": "#EBF8FF",
+      "red700": "#E5484D",
+      "red900": "#FF6166",
+      "red1000": "#FDECED",
+      "amber700": "#FFB224",
+      "amber900": "#F2A700",
+      "amber1000": "#FDF4DC",
+      "green700": "#46A758",
+      "green900": "#63C46D",
+      "green1000": "#E6F9E9",
+      "teal700": "#12A594",
+      "teal900": "#0AC7AC",
+      "purple700": "#8E4EC6",
+      "purple900": "#BF7AF0",
+      "pink700": "#E93D82",
+      "pink900": "#F75590",
+      "highlightPink": "#FF0080",
+      "highlightPurple": "#F81CE5",
+      "cyan": "#50E3C2",
+      "lightBackground": "#FFFFFF",
+      "lightGray100": "#FAFAFA",
+      "lightGray200": "#EAEAEA",
+      "lightGray600": "#666666",
+      "lightGray1000": "#171717"
+    },
+    "theme": {
+      "primary": {
+        "dark": "blue700",
+        "light": "blue700"
+      },
+      "secondary": {
+        "dark": "blue900",
+        "light": "#0062D1"
+      },
+      "accent": {
+        "dark": "purple700",
+        "light": "purple700"
+      },
+      "error": {
+        "dark": "red700",
+        "light": "#DC3545"
+      },
+      "warning": {
+        "dark": "amber700",
+        "light": "#FF9500"
+      },
+      "success": {
+        "dark": "green700",
+        "light": "#388E3C"
+      },
+      "info": {
+        "dark": "blue900",
+        "light": "blue700"
+      },
+      "text": {
+        "dark": "gray1000",
+        "light": "lightGray1000"
+      },
+      "textMuted": {
+        "dark": "gray600",
+        "light": "lightGray600"
+      },
+      "background": {
+        "dark": "background200",
+        "light": "lightBackground"
+      },
+      "backgroundPanel": {
+        "dark": "gray100",
+        "light": "lightGray100"
+      },
+      "backgroundElement": {
+        "dark": "gray300",
+        "light": "lightGray200"
+      },
+      "border": {
+        "dark": "gray200",
+        "light": "lightGray200"
+      },
+      "borderActive": {
+        "dark": "gray500",
+        "light": "#999999"
+      },
+      "borderSubtle": {
+        "dark": "gray100",
+        "light": "#EAEAEA"
+      },
+      "diffAdded": {
+        "dark": "green900",
+        "light": "green700"
+      },
+      "diffRemoved": {
+        "dark": "red900",
+        "light": "red700"
+      },
+      "diffContext": {
+        "dark": "gray600",
+        "light": "lightGray600"
+      },
+      "diffHunkHeader": {
+        "dark": "gray600",
+        "light": "lightGray600"
+      },
+      "diffHighlightAdded": {
+        "dark": "green900",
+        "light": "green700"
+      },
+      "diffHighlightRemoved": {
+        "dark": "red900",
+        "light": "red700"
+      },
+      "diffAddedBg": {
+        "dark": "#0B1D0F",
+        "light": "#E6F9E9"
+      },
+      "diffRemovedBg": {
+        "dark": "#2A1314",
+        "light": "#FDECED"
+      },
+      "diffContextBg": {
+        "dark": "background200",
+        "light": "lightBackground"
+      },
+      "diffLineNumber": {
+        "dark": "gray600",
+        "light": "lightGray600"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#0F2613",
+        "light": "#D6F5D6"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#3C1618",
+        "light": "#FFE5E5"
+      },
+      "markdownText": {
+        "dark": "gray1000",
+        "light": "lightGray1000"
+      },
+      "markdownHeading": {
+        "dark": "purple900",
+        "light": "purple700"
+      },
+      "markdownLink": {
+        "dark": "blue900",
+        "light": "blue700"
+      },
+      "markdownLinkText": {
+        "dark": "teal900",
+        "light": "teal700"
+      },
+      "markdownCode": {
+        "dark": "green900",
+        "light": "green700"
+      },
+      "markdownBlockQuote": {
+        "dark": "gray600",
+        "light": "lightGray600"
+      },
+      "markdownEmph": {
+        "dark": "amber900",
+        "light": "amber700"
+      },
+      "markdownStrong": {
+        "dark": "pink900",
+        "light": "pink700"
+      },
+      "markdownHorizontalRule": {
+        "dark": "gray500",
+        "light": "#999999"
+      },
+      "markdownListItem": {
+        "dark": "gray1000",
+        "light": "lightGray1000"
+      },
+      "markdownListEnumeration": {
+        "dark": "blue900",
+        "light": "blue700"
+      },
+      "markdownImage": {
+        "dark": "teal900",
+        "light": "teal700"
+      },
+      "markdownImageText": {
+        "dark": "cyan",
+        "light": "teal700"
+      },
+      "markdownCodeBlock": {
+        "dark": "gray1000",
+        "light": "lightGray1000"
+      },
+      "syntaxComment": {
+        "dark": "gray600",
+        "light": "#888888"
+      },
+      "syntaxKeyword": {
+        "dark": "pink900",
+        "light": "pink700"
+      },
+      "syntaxFunction": {
+        "dark": "purple900",
+        "light": "purple700"
+      },
+      "syntaxVariable": {
+        "dark": "blue900",
+        "light": "blue700"
+      },
+      "syntaxString": {
+        "dark": "green900",
+        "light": "green700"
+      },
+      "syntaxNumber": {
+        "dark": "amber900",
+        "light": "amber700"
+      },
+      "syntaxType": {
+        "dark": "teal900",
+        "light": "teal700"
+      },
+      "syntaxOperator": {
+        "dark": "pink900",
+        "light": "pink700"
+      },
+      "syntaxPunctuation": {
+        "dark": "gray1000",
+        "light": "lightGray1000"
+      }
+    }
+  },
+  "vesper": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "vesperBg": "#101010",
+      "vesperFg": "#FFF",
+      "vesperComment": "#8b8b8b",
+      "vesperKeyword": "#A0A0A0",
+      "vesperFunction": "#FFC799",
+      "vesperString": "#99FFE4",
+      "vesperNumber": "#FFC799",
+      "vesperError": "#FF8080",
+      "vesperWarning": "#FFC799",
+      "vesperSuccess": "#99FFE4",
+      "vesperMuted": "#A0A0A0"
+    },
+    "theme": {
+      "primary": {
+        "dark": "#FFC799",
+        "light": "#FFC799"
+      },
+      "secondary": {
+        "dark": "#99FFE4",
+        "light": "#99FFE4"
+      },
+      "accent": {
+        "dark": "#FFC799",
+        "light": "#FFC799"
+      },
+      "error": {
+        "dark": "vesperError",
+        "light": "vesperError"
+      },
+      "warning": {
+        "dark": "vesperWarning",
+        "light": "vesperWarning"
+      },
+      "success": {
+        "dark": "vesperSuccess",
+        "light": "vesperSuccess"
+      },
+      "info": {
+        "dark": "#FFC799",
+        "light": "#FFC799"
+      },
+      "text": {
+        "dark": "vesperFg",
+        "light": "vesperBg"
+      },
+      "textMuted": {
+        "dark": "vesperMuted",
+        "light": "vesperMuted"
+      },
+      "background": {
+        "dark": "vesperBg",
+        "light": "#FFF"
+      },
+      "backgroundPanel": {
+        "dark": "vesperBg",
+        "light": "#F0F0F0"
+      },
+      "backgroundElement": {
+        "dark": "vesperBg",
+        "light": "#E0E0E0"
+      },
+      "border": {
+        "dark": "#282828",
+        "light": "#D0D0D0"
+      },
+      "borderActive": {
+        "dark": "#FFC799",
+        "light": "#FFC799"
+      },
+      "borderSubtle": {
+        "dark": "#1C1C1C",
+        "light": "#E8E8E8"
+      },
+      "diffAdded": {
+        "dark": "vesperSuccess",
+        "light": "vesperSuccess"
+      },
+      "diffRemoved": {
+        "dark": "vesperError",
+        "light": "vesperError"
+      },
+      "diffContext": {
+        "dark": "vesperMuted",
+        "light": "vesperMuted"
+      },
+      "diffHunkHeader": {
+        "dark": "vesperMuted",
+        "light": "vesperMuted"
+      },
+      "diffHighlightAdded": {
+        "dark": "vesperSuccess",
+        "light": "vesperSuccess"
+      },
+      "diffHighlightRemoved": {
+        "dark": "vesperError",
+        "light": "vesperError"
+      },
+      "diffAddedBg": {
+        "dark": "#0d2818",
+        "light": "#e8f5e8"
+      },
+      "diffRemovedBg": {
+        "dark": "#281a1a",
+        "light": "#f5e8e8"
+      },
+      "diffContextBg": {
+        "dark": "vesperBg",
+        "light": "#F8F8F8"
+      },
+      "diffLineNumber": {
+        "dark": "#505050",
+        "light": "#808080"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#0d2818",
+        "light": "#e8f5e8"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#281a1a",
+        "light": "#f5e8e8"
+      },
+      "markdownText": {
+        "dark": "vesperFg",
+        "light": "vesperBg"
+      },
+      "markdownHeading": {
+        "dark": "#FFC799",
+        "light": "#FFC799"
+      },
+      "markdownLink": {
+        "dark": "#FFC799",
+        "light": "#FFC799"
+      },
+      "markdownLinkText": {
+        "dark": "vesperMuted",
+        "light": "vesperMuted"
+      },
+      "markdownCode": {
+        "dark": "vesperMuted",
+        "light": "vesperMuted"
+      },
+      "markdownBlockQuote": {
+        "dark": "vesperFg",
+        "light": "vesperBg"
+      },
+      "markdownEmph": {
+        "dark": "vesperFg",
+        "light": "vesperBg"
+      },
+      "markdownStrong": {
+        "dark": "vesperFg",
+        "light": "vesperBg"
+      },
+      "markdownHorizontalRule": {
+        "dark": "#65737E",
+        "light": "#65737E"
+      },
+      "markdownListItem": {
+        "dark": "vesperFg",
+        "light": "vesperBg"
+      },
+      "markdownListEnumeration": {
+        "dark": "vesperFg",
+        "light": "vesperBg"
+      },
+      "markdownImage": {
+        "dark": "#FFC799",
+        "light": "#FFC799"
+      },
+      "markdownImageText": {
+        "dark": "vesperMuted",
+        "light": "vesperMuted"
+      },
+      "markdownCodeBlock": {
+        "dark": "vesperFg",
+        "light": "vesperBg"
+      },
+      "syntaxComment": {
+        "dark": "vesperComment",
+        "light": "vesperComment"
+      },
+      "syntaxKeyword": {
+        "dark": "vesperKeyword",
+        "light": "vesperKeyword"
+      },
+      "syntaxFunction": {
+        "dark": "vesperFunction",
+        "light": "vesperFunction"
+      },
+      "syntaxVariable": {
+        "dark": "vesperFg",
+        "light": "vesperBg"
+      },
+      "syntaxString": {
+        "dark": "vesperString",
+        "light": "vesperString"
+      },
+      "syntaxNumber": {
+        "dark": "vesperNumber",
+        "light": "vesperNumber"
+      },
+      "syntaxType": {
+        "dark": "vesperFunction",
+        "light": "vesperFunction"
+      },
+      "syntaxOperator": {
+        "dark": "vesperKeyword",
+        "light": "vesperKeyword"
+      },
+      "syntaxPunctuation": {
+        "dark": "vesperFg",
+        "light": "vesperBg"
+      }
+    }
+  },
+  "zenburn": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "bg": "#3f3f3f",
+      "bgAlt": "#4f4f4f",
+      "bgPanel": "#5f5f5f",
+      "fg": "#dcdccc",
+      "fgMuted": "#9f9f9f",
+      "red": "#cc9393",
+      "redBright": "#dca3a3",
+      "green": "#7f9f7f",
+      "greenBright": "#8fb28f",
+      "yellow": "#f0dfaf",
+      "yellowDim": "#e0cf9f",
+      "blue": "#8cd0d3",
+      "blueDim": "#7cb8bb",
+      "magenta": "#dc8cc3",
+      "cyan": "#93e0e3",
+      "orange": "#dfaf8f"
+    },
+    "theme": {
+      "primary": {
+        "dark": "blue",
+        "light": "#5f7f8f"
+      },
+      "secondary": {
+        "dark": "magenta",
+        "light": "#8f5f8f"
+      },
+      "accent": {
+        "dark": "cyan",
+        "light": "#5f8f8f"
+      },
+      "error": {
+        "dark": "red",
+        "light": "#8f5f5f"
+      },
+      "warning": {
+        "dark": "yellow",
+        "light": "#8f8f5f"
+      },
+      "success": {
+        "dark": "green",
+        "light": "#5f8f5f"
+      },
+      "info": {
+        "dark": "orange",
+        "light": "#8f7f5f"
+      },
+      "text": {
+        "dark": "fg",
+        "light": "#3f3f3f"
+      },
+      "textMuted": {
+        "dark": "fgMuted",
+        "light": "#6f6f6f"
+      },
+      "background": {
+        "dark": "bg",
+        "light": "#ffffef"
+      },
+      "backgroundPanel": {
+        "dark": "bgAlt",
+        "light": "#f5f5e5"
+      },
+      "backgroundElement": {
+        "dark": "bgPanel",
+        "light": "#ebebdb"
+      },
+      "border": {
+        "dark": "#5f5f5f",
+        "light": "#d0d0c0"
+      },
+      "borderActive": {
+        "dark": "blue",
+        "light": "#5f7f8f"
+      },
+      "borderSubtle": {
+        "dark": "#4f4f4f",
+        "light": "#e0e0d0"
+      },
+      "diffAdded": {
+        "dark": "green",
+        "light": "#5f8f5f"
+      },
+      "diffRemoved": {
+        "dark": "red",
+        "light": "#8f5f5f"
+      },
+      "diffContext": {
+        "dark": "fgMuted",
+        "light": "#6f6f6f"
+      },
+      "diffHunkHeader": {
+        "dark": "cyan",
+        "light": "#5f8f8f"
+      },
+      "diffHighlightAdded": {
+        "dark": "greenBright",
+        "light": "#5f8f5f"
+      },
+      "diffHighlightRemoved": {
+        "dark": "redBright",
+        "light": "#8f5f5f"
+      },
+      "diffAddedBg": {
+        "dark": "#4f5f4f",
+        "light": "#efffef"
+      },
+      "diffRemovedBg": {
+        "dark": "#5f4f4f",
+        "light": "#ffefef"
+      },
+      "diffContextBg": {
+        "dark": "bgAlt",
+        "light": "#f5f5e5"
+      },
+      "diffLineNumber": {
+        "dark": "#6f6f6f",
+        "light": "#b0b0a0"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "#4f5f4f",
+        "light": "#efffef"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "#5f4f4f",
+        "light": "#ffefef"
+      },
+      "markdownText": {
+        "dark": "fg",
+        "light": "#3f3f3f"
+      },
+      "markdownHeading": {
+        "dark": "yellow",
+        "light": "#8f8f5f"
+      },
+      "markdownLink": {
+        "dark": "blue",
+        "light": "#5f7f8f"
+      },
+      "markdownLinkText": {
+        "dark": "cyan",
+        "light": "#5f8f8f"
+      },
+      "markdownCode": {
+        "dark": "green",
+        "light": "#5f8f5f"
+      },
+      "markdownBlockQuote": {
+        "dark": "fgMuted",
+        "light": "#6f6f6f"
+      },
+      "markdownEmph": {
+        "dark": "yellowDim",
+        "light": "#8f8f5f"
+      },
+      "markdownStrong": {
+        "dark": "orange",
+        "light": "#8f7f5f"
+      },
+      "markdownHorizontalRule": {
+        "dark": "fgMuted",
+        "light": "#6f6f6f"
+      },
+      "markdownListItem": {
+        "dark": "blue",
+        "light": "#5f7f8f"
+      },
+      "markdownListEnumeration": {
+        "dark": "cyan",
+        "light": "#5f8f8f"
+      },
+      "markdownImage": {
+        "dark": "blue",
+        "light": "#5f7f8f"
+      },
+      "markdownImageText": {
+        "dark": "cyan",
+        "light": "#5f8f8f"
+      },
+      "markdownCodeBlock": {
+        "dark": "fg",
+        "light": "#3f3f3f"
+      },
+      "syntaxComment": {
+        "dark": "#7f9f7f",
+        "light": "#5f7f5f"
+      },
+      "syntaxKeyword": {
+        "dark": "yellow",
+        "light": "#8f8f5f"
+      },
+      "syntaxFunction": {
+        "dark": "blue",
+        "light": "#5f7f8f"
+      },
+      "syntaxVariable": {
+        "dark": "fg",
+        "light": "#3f3f3f"
+      },
+      "syntaxString": {
+        "dark": "red",
+        "light": "#8f5f5f"
+      },
+      "syntaxNumber": {
+        "dark": "greenBright",
+        "light": "#5f8f5f"
+      },
+      "syntaxType": {
+        "dark": "cyan",
+        "light": "#5f8f8f"
+      },
+      "syntaxOperator": {
+        "dark": "yellow",
+        "light": "#8f8f5f"
+      },
+      "syntaxPunctuation": {
+        "dark": "fg",
+        "light": "#3f3f3f"
+      }
+    }
+  },
+  "carbonfox": {
+    "$schema": "https://opencode.ai/theme.json",
+    "defs": {
+      "bg0": "#0d0d0d",
+      "bg1": "#161616",
+      "bg1a": "#1a1a1a",
+      "bg2": "#1e1e1e",
+      "bg3": "#262626",
+      "bg4": "#303030",
+      "fg0": "#ffffff",
+      "fg1": "#f2f4f8",
+      "fg2": "#a9afbc",
+      "fg3": "#7d848f",
+      "lbg0": "#ffffff",
+      "lbg1": "#f4f4f4",
+      "lbg2": "#e8e8e8",
+      "lbg3": "#dcdcdc",
+      "lfg0": "#000000",
+      "lfg1": "#161616",
+      "lfg2": "#525252",
+      "lfg3": "#6f6f6f",
+      "red": "#ee5396",
+      "green": "#25be6a",
+      "yellow": "#08bdba",
+      "blue": "#78a9ff",
+      "magenta": "#be95ff",
+      "cyan": "#33b1ff",
+      "white": "#dfdfe0",
+      "orange": "#3ddbd9",
+      "pink": "#ff7eb6",
+      "blueBright": "#8cb6ff",
+      "cyanBright": "#52c7ff",
+      "greenBright": "#46c880",
+      "redLight": "#9f1853",
+      "greenLight": "#198038",
+      "yellowLight": "#007d79",
+      "blueLight": "#0043ce",
+      "magentaLight": "#6929c4",
+      "cyanLight": "#0072c3",
+      "warning": "#f1c21b",
+      "diffGreen": "#50fa7b",
+      "diffRed": "#ff6b6b",
+      "diffGreenBg": "#0f2418",
+      "diffRedBg": "#2a1216"
+    },
+    "theme": {
+      "primary": {
+        "dark": "cyan",
+        "light": "blueLight"
+      },
+      "secondary": {
+        "dark": "blue",
+        "light": "blueLight"
+      },
+      "accent": {
+        "dark": "pink",
+        "light": "redLight"
+      },
+      "error": {
+        "dark": "red",
+        "light": "redLight"
+      },
+      "warning": {
+        "dark": "warning",
+        "light": "yellowLight"
+      },
+      "success": {
+        "dark": "green",
+        "light": "greenLight"
+      },
+      "info": {
+        "dark": "blue",
+        "light": "blueLight"
+      },
+      "text": {
+        "dark": "fg1",
+        "light": "lfg1"
+      },
+      "textMuted": {
+        "dark": "fg3",
+        "light": "lfg3"
+      },
+      "background": {
+        "dark": "bg1",
+        "light": "lbg0"
+      },
+      "backgroundPanel": {
+        "dark": "bg1a",
+        "light": "lbg1"
+      },
+      "backgroundElement": {
+        "dark": "bg2",
+        "light": "lbg1"
+      },
+      "border": {
+        "dark": "bg4",
+        "light": "lbg3"
+      },
+      "borderActive": {
+        "dark": "cyan",
+        "light": "blueLight"
+      },
+      "borderSubtle": {
+        "dark": "bg3",
+        "light": "lbg2"
+      },
+      "diffAdded": {
+        "dark": "diffGreen",
+        "light": "greenLight"
+      },
+      "diffRemoved": {
+        "dark": "diffRed",
+        "light": "redLight"
+      },
+      "diffContext": {
+        "dark": "fg3",
+        "light": "lfg3"
+      },
+      "diffHunkHeader": {
+        "dark": "blue",
+        "light": "blueLight"
+      },
+      "diffHighlightAdded": {
+        "dark": "#7dffaa",
+        "light": "greenLight"
+      },
+      "diffHighlightRemoved": {
+        "dark": "#ff9999",
+        "light": "redLight"
+      },
+      "diffAddedBg": {
+        "dark": "diffGreenBg",
+        "light": "#defbe6"
+      },
+      "diffRemovedBg": {
+        "dark": "diffRedBg",
+        "light": "#fff1f1"
+      },
+      "diffContextBg": {
+        "dark": "bg1",
+        "light": "lbg1"
+      },
+      "diffLineNumber": {
+        "dark": "fg3",
+        "light": "lfg3"
+      },
+      "diffAddedLineNumberBg": {
+        "dark": "diffGreenBg",
+        "light": "#defbe6"
+      },
+      "diffRemovedLineNumberBg": {
+        "dark": "diffRedBg",
+        "light": "#fff1f1"
+      },
+      "markdownText": {
+        "dark": "fg1",
+        "light": "lfg1"
+      },
+      "markdownHeading": {
+        "dark": "blueBright",
+        "light": "blueLight"
+      },
+      "markdownLink": {
+        "dark": "blue",
+        "light": "blueLight"
+      },
+      "markdownLinkText": {
+        "dark": "cyan",
+        "light": "cyanLight"
+      },
+      "markdownCode": {
+        "dark": "green",
+        "light": "greenLight"
+      },
+      "markdownBlockQuote": {
+        "dark": "fg3",
+        "light": "lfg3"
+      },
+      "markdownEmph": {
+        "dark": "magenta",
+        "light": "magentaLight"
+      },
+      "markdownStrong": {
+        "dark": "fg0",
+        "light": "lfg0"
+      },
+      "markdownHorizontalRule": {
+        "dark": "bg4",
+        "light": "lbg3"
+      },
+      "markdownListItem": {
+        "dark": "cyan",
+        "light": "cyanLight"
+      },
+      "markdownListEnumeration": {
+        "dark": "cyan",
+        "light": "cyanLight"
+      },
+      "markdownImage": {
+        "dark": "blue",
+        "light": "blueLight"
+      },
+      "markdownImageText": {
+        "dark": "cyan",
+        "light": "cyanLight"
+      },
+      "markdownCodeBlock": {
+        "dark": "fg2",
+        "light": "lfg2"
+      },
+      "syntaxComment": {
+        "dark": "fg3",
+        "light": "lfg3"
+      },
+      "syntaxKeyword": {
+        "dark": "magenta",
+        "light": "magentaLight"
+      },
+      "syntaxFunction": {
+        "dark": "blueBright",
+        "light": "blueLight"
+      },
+      "syntaxVariable": {
+        "dark": "white",
+        "light": "lfg1"
+      },
+      "syntaxString": {
+        "dark": "green",
+        "light": "greenLight"
+      },
+      "syntaxNumber": {
+        "dark": "orange",
+        "light": "yellowLight"
+      },
+      "syntaxType": {
+        "dark": "yellow",
+        "light": "yellowLight"
+      },
+      "syntaxOperator": {
+        "dark": "fg2",
+        "light": "lfg2"
+      },
+      "syntaxPunctuation": {
+        "dark": "fg2",
+        "light": "lfg1"
+      }
+    }
+  }
+}
diff --git a/frontend/src/lib/opencodeThemes.ts b/frontend/src/lib/opencodeThemes.ts
new file mode 100644
index 000000000..e83e6f2c6
--- /dev/null
+++ b/frontend/src/lib/opencodeThemes.ts
@@ -0,0 +1,215 @@
+import rawThemes from './opencode-themes.json'
+
+type ThemeMode = 'light' | 'dark'
+
+type ThemeValue = string | { dark: string; light: string }
+
+interface OpenCodeThemeDefinition {
+  defs?: Record
+  theme: Record
+}
+
+type ResolvedThemeTokens = Record
+
+const OPENCODE_THEME_MAP = rawThemes as Record
+
+export const DEFAULT_THEME_PRESET = 'opencode'
+
+export const OPENCODE_THEME_OPTIONS = [
+  { id: 'opencode', label: 'OpenCode' },
+  { id: 'github', label: 'GitHub' },
+  { id: 'tokyonight', label: 'Tokyo Night' },
+  { id: 'vesper', label: 'Vesper' },
+  { id: 'carbonfox', label: 'Carbonfox' },
+  { id: 'cursor', label: 'Cursor' },
+  { id: 'dracula', label: 'Dracula' },
+  { id: 'nightowl', label: 'Night Owl' },
+  { id: 'everforest', label: 'Everforest' },
+  { id: 'flexoki', label: 'Flexoki' },
+  { id: 'gruvbox', label: 'Gruvbox' },
+  { id: 'kanagawa', label: 'Kanagawa' },
+  { id: 'catppuccin', label: 'Catppuccin' },
+  { id: 'catppuccin-frappe', label: 'Catppuccin Frappe' },
+  { id: 'catppuccin-macchiato', label: 'Catppuccin Macchiato' },
+  { id: 'ayu', label: 'Ayu' },
+  { id: 'one-dark', label: 'One Dark' },
+  { id: 'material', label: 'Material' },
+  { id: 'monokai', label: 'Monokai' },
+  { id: 'palenight', label: 'Palenight' },
+  { id: 'rosepine', label: 'Rose Pine' },
+  { id: 'solarized', label: 'Solarized' },
+  { id: 'aura', label: 'Aura' },
+  { id: 'cobalt2', label: 'Cobalt2' },
+  { id: 'matrix', label: 'Matrix' },
+  { id: 'mercury', label: 'Mercury' },
+  { id: 'nord', label: 'Nord' },
+  { id: 'orng', label: 'Orng' },
+  { id: 'lucent-orng', label: 'Lucent Orng' },
+  { id: 'osaka-jade', label: 'Osaka Jade' },
+  { id: 'synthwave84', label: 'Synthwave 84' },
+  { id: 'vercel', label: 'Vercel' },
+  { id: 'zenburn', label: 'Zenburn' },
+] as const
+
+export type OpenCodeThemePreset = (typeof OPENCODE_THEME_OPTIONS)[number]['id']
+
+function resolveThemeValue(
+  definition: OpenCodeThemeDefinition,
+  value: ThemeValue,
+  mode: ThemeMode,
+  trail = new Set(),
+): string {
+  if (typeof value !== 'string') {
+    return resolveThemeValue(definition, value[mode], mode, trail)
+  }
+
+  if (value === 'none' || value === 'transparent') {
+    return 'transparent'
+  }
+
+  if (value.startsWith('#') || value.startsWith('rgb') || value.startsWith('hsl')) {
+    return value
+  }
+
+  if (trail.has(value)) {
+    return value
+  }
+
+  trail.add(value)
+
+  const definitionValue = definition.defs?.[value]
+  if (definitionValue) {
+    return resolveThemeValue(definition, definitionValue, mode, trail)
+  }
+
+  const themeToken = definition.theme[value]
+  if (themeToken) {
+    return resolveThemeValue(definition, themeToken, mode, trail)
+  }
+
+  return value
+}
+
+function contrastForeground(color: string, darkValue = '#0f0f10', lightValue = '#fcfcfc') {
+  const normalized = color.trim()
+  if (!normalized.startsWith('#')) {
+    return lightValue
+  }
+
+  const hex = normalized.slice(1)
+  const channelLength = hex.length === 3 ? 1 : 2
+  const expand = (start: number) => {
+    const chunk = hex.slice(start, start + channelLength)
+    return channelLength === 1 ? chunk + chunk : chunk
+  }
+
+  const red = Number.parseInt(expand(0), 16)
+  const green = Number.parseInt(expand(channelLength), 16)
+  const blue = Number.parseInt(expand(channelLength * 2), 16)
+
+  const luminance = (0.299 * red + 0.587 * green + 0.114 * blue) / 255
+  return luminance > 0.62 ? darkValue : lightValue
+}
+
+export function resolveOpenCodeTheme(themeId: string, mode: ThemeMode): ResolvedThemeTokens {
+  const definition = OPENCODE_THEME_MAP[themeId] ?? OPENCODE_THEME_MAP[DEFAULT_THEME_PRESET]
+
+  return Object.fromEntries(
+    Object.entries(definition.theme).map(([key, value]) => [key, resolveThemeValue(definition, value, mode)])
+  )
+}
+
+export function getThemeLabel(themeId: string) {
+  return OPENCODE_THEME_OPTIONS.find((theme) => theme.id === themeId)?.label ?? themeId
+}
+
+export function getAppThemeVariables(themeId: string, mode: ThemeMode) {
+  const theme = resolveOpenCodeTheme(themeId, mode)
+  const primaryForeground = contrastForeground(theme.primary)
+  const infoForeground = contrastForeground(theme.info)
+  const successForeground = contrastForeground(theme.success)
+  const warningForeground = contrastForeground(theme.warning)
+  const destructiveForeground = contrastForeground(theme.error)
+  const surfaceTint = mode === 'dark' ? '#ffffff' : '#000000'
+
+  return {
+    '--background': theme.background,
+    '--foreground': theme.text,
+    '--card': theme.backgroundPanel,
+    '--card-hover': `color-mix(in oklab, ${theme.backgroundElement} 92%, ${surfaceTint} 8%)`,
+    '--card-foreground': theme.text,
+    '--panel': theme.backgroundElement,
+    '--panel-foreground': theme.text,
+    '--panel-border': theme.borderSubtle,
+    '--popover': theme.backgroundPanel,
+    '--popover-foreground': theme.text,
+    '--primary': theme.primary,
+    '--primary-hover': `color-mix(in oklab, ${theme.primary} 86%, ${surfaceTint} 14%)`,
+    '--primary-foreground': primaryForeground,
+    '--secondary': `color-mix(in oklab, ${theme.backgroundElement} 86%, ${theme.secondary} 14%)`,
+    '--secondary-foreground': theme.text,
+    '--muted': `color-mix(in oklab, ${theme.backgroundPanel} 88%, ${theme.background} 12%)`,
+    '--muted-foreground': theme.textMuted,
+    '--accent': `color-mix(in oklab, ${theme.backgroundElement} 82%, ${theme.primary} 18%)`,
+    '--accent-foreground': theme.text,
+    '--destructive': theme.error,
+    '--destructive-foreground': destructiveForeground,
+    '--border': theme.border,
+    '--input': theme.backgroundElement,
+    '--ring': `color-mix(in oklab, ${theme.borderActive} 44%, transparent)`,
+    '--info': theme.info,
+    '--info-foreground': infoForeground,
+    '--success': theme.success,
+    '--success-foreground': successForeground,
+    '--warning': theme.warning,
+    '--warning-foreground': warningForeground,
+    '--sidebar': theme.backgroundPanel,
+    '--sidebar-foreground': theme.text,
+    '--sidebar-primary': theme.primary,
+    '--sidebar-primary-foreground': primaryForeground,
+    '--sidebar-accent': theme.backgroundElement,
+    '--sidebar-accent-foreground': theme.text,
+    '--sidebar-border': theme.borderSubtle,
+    '--sidebar-ring': `color-mix(in oklab, ${theme.borderActive} 44%, transparent)`,
+    '--chart-1': theme.primary,
+    '--chart-2': theme.success,
+    '--chart-3': theme.warning,
+    '--chart-4': theme.secondary,
+    '--chart-5': theme.info,
+    '--scrollbar-track': 'transparent',
+    '--scrollbar-thumb': theme.border,
+    '--scrollbar-thumb-hover': theme.borderActive,
+    '--diff-added': theme.diffAdded,
+    '--diff-added-bg': theme.diffAddedBg,
+    '--diff-removed': theme.diffRemoved,
+    '--diff-removed-bg': theme.diffRemovedBg,
+    '--diff-context': theme.diffContext,
+    '--diff-context-bg': theme.diffContextBg,
+    '--diff-line-number': theme.diffLineNumber,
+    '--diff-added-line-number-bg': theme.diffAddedLineNumberBg,
+    '--diff-removed-line-number-bg': theme.diffRemovedLineNumberBg,
+    '--markdown-text': theme.markdownText,
+    '--markdown-heading': theme.markdownHeading,
+    '--markdown-link': theme.markdownLink,
+    '--markdown-link-text': theme.markdownLinkText,
+    '--markdown-code': theme.markdownCode,
+    '--markdown-block-quote': theme.markdownBlockQuote,
+    '--markdown-emph': theme.markdownEmph,
+    '--markdown-strong': theme.markdownStrong,
+    '--markdown-rule': theme.markdownHorizontalRule,
+    '--markdown-list-item': theme.markdownListItem,
+    '--markdown-list-enumeration': theme.markdownListEnumeration,
+    '--markdown-image': theme.markdownImage,
+    '--markdown-image-text': theme.markdownImageText,
+    '--markdown-code-block': theme.markdownCodeBlock,
+    '--syntax-comment': theme.syntaxComment,
+    '--syntax-keyword': theme.syntaxKeyword,
+    '--syntax-function': theme.syntaxFunction,
+    '--syntax-variable': theme.syntaxVariable,
+    '--syntax-string': theme.syntaxString,
+    '--syntax-number': theme.syntaxNumber,
+    '--syntax-type': theme.syntaxType,
+    '--syntax-operator': theme.syntaxOperator,
+    '--syntax-punctuation': theme.syntaxPunctuation,
+  } as const
+}
diff --git a/frontend/src/pages/Login.tsx b/frontend/src/pages/Login.tsx
index d4e898e41..319caee5a 100644
--- a/frontend/src/pages/Login.tsx
+++ b/frontend/src/pages/Login.tsx
@@ -64,6 +64,17 @@ export function Login() {
 
   const handlePasskey = async () => {
     setError(null)
+    const rpId = config.passkeyRpId
+    if (rpId && typeof window !== 'undefined' && window.location.hostname !== rpId) {
+      setError(
+        `Passkeys only work on ${rpId}. Open https://${rpId}:${window.location.port || '5174'}/login instead of ${window.location.host}.`
+      )
+      return
+    }
+    if (typeof window !== 'undefined' && window.location.protocol !== 'https:' && window.location.hostname !== 'localhost') {
+      setError('Passkeys require HTTPS. Use your Tailscale Serve URL.')
+      return
+    }
     setIsPasskeyLoading(true)
     try {
       const result = await signInWithPasskey()
@@ -80,17 +91,21 @@ export function Login() {
   const hasCredentials = config.enabledProviders.includes('credentials')
 
   return (
-    

+    

       

-        

+        

           OpenCode
+          

+            
OpenCode Manager

+            
Use the same theme-aware workspace account you use for your coding sessions.

+          

         

 
-        

+        

           {error && (
             
               
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 958e8cd6d..0141b216e 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -7,6 +7,7 @@ import { swPrecacheManifest } from "./plugins/sw-precache-manifest";
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, path.resolve(__dirname, ".."), "");
   const backendPort = env.PORT || 5001;
+  const frontendPort = Number(env.VITE_DEV_PORT || env.FRONTEND_PORT || 5173);
 
   return {
     envDir: path.resolve(__dirname, ".."),
@@ -22,11 +23,30 @@ export default defineConfig(({ mode }) => {
     },
     server: {
       host: "0.0.0.0",
-      port: 5173,
+      port: frontendPort,
+      allowedHosts: true,
+      hmr: {
+        // Tailscale Serve terminates TLS and proxies to this port
+        clientPort: frontendPort,
+      },
       proxy: {
         "/api": {
-          target: `http://localhost:${backendPort}`,
+          target: `http://127.0.0.1:${backendPort}`,
           changeOrigin: true,
+          configure: (proxy) => {
+            proxy.on("proxyReq", (proxyReq, req) => {
+              const host = req.headers.host;
+              if (host) {
+                proxyReq.setHeader("x-forwarded-host", host);
+              }
+              const proto = req.headers["x-forwarded-proto"] || "https";
+              proxyReq.setHeader("x-forwarded-proto", String(proto));
+              // Preserve browser Origin for WebAuthn expectedOrigin checks
+              if (req.headers.origin) {
+                proxyReq.setHeader("origin", String(req.headers.origin));
+              }
+            });
+          },
         },
       },
     },
diff --git a/package.json b/package.json
index 73d16806e..f267abfbb 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,8 @@
   "scripts": {
     "predev": "bash scripts/setup-dev.sh",
     "dev": "concurrently \"pnpm:dev:backend\" \"pnpm:dev:frontend\"",
-    "dev:backend": "NODE_ENV=development bun --watch backend/src/index.ts",
+    "dev:local": "concurrently -n backend,frontend -c blue,green \"pnpm:dev:backend\" \"pnpm:dev:frontend\"",
+    "dev:backend": "bun --watch backend/src/index.ts",
     "dev:frontend": "pnpm --filter frontend dev",
     "start": "concurrently \"pnpm:start:backend\" \"pnpm:start:frontend\"",
     "start:backend": "bun run backend/dist/index.js",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 18c14f8d8..ef88145c1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -189,6 +189,9 @@ importers:
       react-markdown:
         specifier: ^10.1.0
         version: 10.1.0(@types/react@19.2.7)(react@19.2.3)
+      react-resizable-panels:
+        specifier: ^4.7.2
+        version: 4.7.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       react-router-dom:
         specifier: ^7.13.0
         version: 7.13.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -207,6 +210,9 @@ importers:
       tailwind-merge:
         specifier: ^3.3.1
         version: 3.4.0
+      vaul:
+        specifier: ^1.1.2
+        version: 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       zod:
         specifier: ^4.1.12
         version: 4.3.2
@@ -4011,6 +4017,12 @@ packages:
       '@types/react':
         optional: true
 
+  react-resizable-panels@4.7.2:
+    resolution: {integrity: sha512-1L2vyeBG96hp7N6x6rzYXJ8EjYiDiffMsqj3cd+T9aOKwscvuyCn2CuZ5q3PoUSTIJUM6Q5DgXH1bdDe6uvh2w==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+
   react-router-dom@7.13.0:
     resolution: {integrity: sha512-5CO/l5Yahi2SKC6rGZ+HDEjpjkGaG/ncEP7eWFTvFxbHP8yeeI0PxTDjimtpXYlR3b3i9/WIL4VJttPrESIf2g==}
     engines: {node: '>=20.0.0'}
@@ -4524,6 +4536,12 @@ packages:
     resolution: {integrity: sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==}
     hasBin: true
 
+  vaul@1.1.2:
+    resolution: {integrity: sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
+
   vfile-location@5.0.3:
     resolution: {integrity: sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==}
 
@@ -8918,6 +8936,11 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.7
 
+  react-resizable-panels@4.7.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+    dependencies:
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+
   react-router-dom@7.13.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
     dependencies:
       react: 19.2.3
@@ -9478,6 +9501,15 @@ snapshots:
 
   uuid@11.1.0: {}
 
+  vaul@1.1.2(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+    dependencies:
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+
   vfile-location@5.0.3:
     dependencies:
       '@types/unist': 3.0.3
diff --git a/shared/src/config/env.ts b/shared/src/config/env.ts
index cefcc6368..757326d91 100644
--- a/shared/src/config/env.ts
+++ b/shared/src/config/env.ts
@@ -5,7 +5,9 @@ import { DEFAULTS } from './defaults'
 
 try {
   const { config } = await import('dotenv')
-  config({ path: path.resolve(process.cwd(), '.env') })
+  const cwd = process.cwd()
+  config({ path: path.resolve(cwd, '.env') })
+  config({ path: path.resolve(cwd, '.env.local'), override: true })
 } catch {
   // dotenv not available (e.g., in production Docker), env vars already set
 }
@@ -124,7 +126,8 @@ export const ENV = {
     DISCORD_CLIENT_SECRET: process.env.DISCORD_CLIENT_SECRET,
     PASSKEY_RP_ID: getEnvString('PASSKEY_RP_ID', 'localhost'),
     PASSKEY_RP_NAME: getEnvString('PASSKEY_RP_NAME', 'OpenCode Manager'),
-    PASSKEY_ORIGIN: getEnvString('PASSKEY_ORIGIN', 'http://localhost:5003'),
+    // Empty/unset => passkey plugin uses the request Origin (multi-port Tailscale OK)
+    PASSKEY_ORIGIN: process.env.PASSKEY_ORIGIN?.trim() || undefined,
   },
 
 } as const
diff --git a/shared/src/schemas/settings.ts b/shared/src/schemas/settings.ts
index 679d685d1..7929d1d9e 100644
--- a/shared/src/schemas/settings.ts
+++ b/shared/src/schemas/settings.ts
@@ -134,6 +134,7 @@ export const DEFAULT_GIT_IDENTITY: GitIdentity = {
 
 export const UserPreferencesSchema = z.object({
   theme: z.enum(["dark", "light", "system"]),
+  themePreset: z.string().optional(),
   mode: z.enum(["plan", "build"]),
   defaultModel: z.string().optional(),
   defaultAgent: z.string().optional(),
@@ -187,6 +188,7 @@ export const DEFAULT_STT_CONFIG: STTConfig = {
 
 export const DEFAULT_USER_PREFERENCES = {
   theme: "dark" as const,
+  themePreset: "opencode",
   mode: "build" as const,
   autoScroll: true,
   expandDiffs: true,