feat(titlebar): integrate custom titlebar UI; update app entry and global styles

123vivekr · 123vivekr · commit ee4dc494f579 · 2025-08-11T15:11:35.000+05:30
diff --git a/src/main.tsx b/src/main.tsx
@@ -14,6 +14,17 @@ analytics.initialize();
 // Start resource monitoring (check every 2 minutes)
 resourceMonitor.startMonitoring(120000);
 
+// Add a macOS-specific class to the <html> element to enable platform-specific styling
+// Browser-safe detection using navigator properties (works in Tauri and web preview)
+(() => {
+  const isMacLike = typeof navigator !== "undefined" &&
+    (navigator.platform?.toLowerCase().includes("mac") ||
+      navigator.userAgent?.toLowerCase().includes("mac os x"));
+  if (isMacLike) {
+    document.documentElement.classList.add("is-macos");
+  }
+})();
+
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
     <PostHogProvider
diff --git a/src/styles.css b/src/styles.css
@@ -339,6 +339,12 @@ button:focus-visible,
   box-shadow: none !important;
 }
 
+/* macOS-only: subtle window outline for transparent, custom-decorated window */
+html.is-macos body {
+  /* Maintain rounded-corner shape and add a gentle 1px inner outline */
+  box-shadow: inset 0 0 0 1px var(--color-border);
+}
+
 /* Typography Utility Classes */
 .text-display-1 {
   font-size: var(--text-5xl);
