Refresh the public catalog to match the live BOS desktop

Desktop / BOS lists ISO and core apps including breadhelp; bos-settings
is Tauri 2 + Svelte, not GTK4. breadcast is a bakery-only extra in Misc.
Tokens follow the fixed #0c0c0c / #1a1a1a base instead of Catppuccin mocha.

The site is curated; bakery SoT remains bread-ecosystem/registry/bread-ecosystem.toml.

static/css/layout.css

@@ -3,7 +3,7 @@ html {
   background-image:
     url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),
     radial-gradient(680px 380px at 15% -120px, var(--bg-glow), transparent 65%),
-    radial-gradient(520px 320px at 100% 0%, rgba(250, 179, 135, 0.08), transparent 60%);
+    radial-gradient(520px 320px at 100% 0%, rgba(234, 182, 114, 0.08), transparent 60%);
   background-blend-mode: overlay, normal, normal;
   background-attachment: fixed;
 }
@@ -86,7 +86,7 @@ body {
 
 .feature-card {
   padding: var(--space-lg);
-  background: rgba(24, 24, 37, 0.72);
+  background: rgba(26, 26, 26, 0.72);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   border: 1px solid var(--border);
@@ -117,8 +117,8 @@ body {
 .group:nth-of-type(4) { animation-delay: 240ms; }
 
 .cat-ecosystem { --cat-color: var(--accent); }
-.cat-hardware { --cat-color: #74c7ec; }
-.cat-misc { --cat-color: #a6e3a1; }
+.cat-hardware { --cat-color: var(--green); }
+.cat-misc { --cat-color: var(--yellow); }
 
 .group-head {
   position: relative;
@@ -176,7 +176,7 @@ body {
 .entry {
   position: relative;
   padding: var(--space-lg);
-  background: rgba(24, 24, 37, 0.72);
+  background: rgba(26, 26, 26, 0.72);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   border: 1px solid var(--border);
@@ -189,7 +189,7 @@ body {
 .entry:hover {
   border-color: var(--border);
   border-left-color: var(--cat-color, var(--accent));
-  background: rgba(36, 36, 58, 0.78);
+  background: rgba(34, 34, 34, 0.78);
   box-shadow: var(--shadow-hover);
 }
 

static/css/tokens.css

@@ -1,15 +1,20 @@
+/* Fixed BOS dark base + curated bread-toned accent (pywal color4 default).
+   See bread-ecosystem/BREAD_DESIGN_SYSTEM.md — not Catppuccin. */
 :root {
-  --bg: #1e1e2e;
-  --bg-glow: #2a2440;
-  --fg: #cdd6f4;
-  --surface: #181825;
-  --surface-2: #24243a;
-  --surface-3: #2e2e46;
-  --accent: #fab387;
-  --accent-dim: rgba(250, 179, 135, 0.12);
-  --accent-line: rgba(250, 179, 135, 0.28);
-  --muted: #9399b2;
-  --border: #313147;
+  --bg: #0c0c0c;
+  --bg-glow: #1a1a1a;
+  --fg: #e8e8e8;
+  --surface: #1a1a1a;
+  --surface-2: #222222;
+  --surface-3: #2a2a2a;
+  --overlay: #d8d8d8;
+  --accent: #eab672;
+  --accent-dim: rgba(234, 182, 114, 0.12);
+  --accent-line: rgba(234, 182, 114, 0.28);
+  --green: #cd9450;
+  --yellow: #e3a85c;
+  --muted: #d8d8d8;
+  --border: #2a2a2a;
 
   --font-sans: "Varela Round", sans-serif;
   --font-mono: "JetBrains Mono", ui-monospace, monospace;
@@ -26,5 +31,5 @@
   --radius-pill: 999px;
 
   --shadow-ambient: 0 1px 2px rgba(0, 0, 0, 0.24);
-  --shadow-hover: 0 12px 28px -10px rgba(250, 179, 135, 0.28);
+  --shadow-hover: 0 12px 28px -10px rgba(234, 182, 114, 0.28);
 }

static/favicon.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <rect width="32" height="32" rx="7" fill="#181825"/>
-  <text x="16" y="23" font-family="monospace" font-weight="700" font-size="20" fill="#fab387" text-anchor="middle">b</text>
+  <rect width="32" height="32" rx="7" fill="#1a1a1a"/>
+  <text x="16" y="23" font-family="monospace" font-weight="700" font-size="20" fill="#eab672" text-anchor="middle">b</text>
 </svg>