style: lighter inline code, black system bars for the installed app

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <!-- Blue while loading (matches the splash screen); the app switches it to the theme background -->
-    <meta name="theme-color" content="#2563eb" />
+    <meta name="theme-color" content="#000000" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-title" content="MindSift" />

frontend/public/manifest.json

@@ -6,8 +6,8 @@
   "start_url": "/",
   "scope": "/",
   "display": "standalone",
-  "background_color": "#2563eb",
-  "theme_color": "#2563eb",
+  "background_color": "#000000",
+  "theme_color": "#000000",
   "orientation": "portrait-primary",
   "icons": [
     {

frontend/src/lib/markdown.tsx

@@ -86,7 +86,7 @@ function renderInlineTokens(text: string, options?: InlineMarkdownOptions): Reac
       }
     } else if (token.startsWith('`') && token.endsWith('`')) {
       elements.push(
-        <code key={key} className="px-1.5 py-0.5 rounded bg-code text-main font-mono text-[0.9em] border border-border/50">
+        <code key={key} className="px-1.5 py-0.5 rounded bg-main/[0.12] text-main font-mono text-[0.9em]">
           {token.slice(1, -1)}
         </code>
       );

frontend/src/lib/theme.ts

@@ -157,8 +157,8 @@ function applyToDocument(themeId: ThemeId, customCss: string | null): void {
   syncThemeColorMeta();
 }
 
-// The status bar (theme-color) starts blue for the splash screen; once the app runs it follows the
-// active theme's background so it blends with the header.
+// The status bar (theme-color) starts black (like the Android navigation bar of the installed app,
+// which only takes the manifest colour); once the app runs it follows the theme's background.
 function syncThemeColorMeta(): void {
   const meta = document.querySelector('meta[name="theme-color"]');
   if (!meta || typeof requestAnimationFrame === 'undefined') return;