unify window and boot screen background color

Author: charlesvien

apps/code/src/main/window.ts

@@ -201,7 +201,7 @@ export function createWindow(): void {
         ? {
             titleBarStyle: "hidden" as const,
             titleBarOverlay: {
-              color: "#0a0a0a",
+              color: "#131316",
               symbolColor: "#ffffff",
               height: 36,
             },
@@ -223,7 +223,9 @@ export function createWindow(): void {
     height: savedState.height,
     minWidth: 800,
     minHeight: 600,
-    backgroundColor: "#0a0a0a",
+    // Matches --color-background (dark) so the pre-render window, the boot
+    // loading screen and the app are one continuous color.
+    backgroundColor: "#131316",
     ...(windowIcon ? { icon: windowIcon } : {}),
     ...platformWindowConfig,
     show: false,

apps/code/src/renderer/components/BootErrorBoundary.tsx

@@ -15,7 +15,7 @@ const screenStyle: React.CSSProperties = {
   justifyContent: "center",
   gap: 16,
   padding: 24,
-  backgroundColor: "#0a0a0a",
+  backgroundColor: "#131316",
   color: "#fafafa",
   fontFamily:
     "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
@@ -39,7 +39,7 @@ const buttonStyle: React.CSSProperties = {
   padding: "6px 16px",
   fontSize: 13,
   fontWeight: 500,
-  color: "#0a0a0a",
+  color: "#131316",
   backgroundColor: "#fafafa",
   border: "none",
   borderRadius: 6,