refactor(theme): consolidate domain color stops

scripts/theme-color-governance-baseline.json

@@ -15,7 +15,7 @@
       "max": 0
     },
     "compatibilityAliases.registeredUnique": {
-      "max": 64
+      "max": 65
     },
     "compatibilityAliases.usedUnique": {
       "max": 0
@@ -54,10 +54,10 @@
       "max": 0
     },
     "generatedWidgetPayload.varUnique": {
-      "max": 245
+      "max": 176
     },
     "generatedWidgetPayload.occurrences": {
-      "max": 245
+      "max": 176
     },
     "generatedWidgetPayload.undefinedUnique": {
       "max": 0
@@ -105,10 +105,10 @@
       "max": 0
     },
     "colorScopes.token.uniqueColors": {
-      "max": 290
+      "max": 269
     },
     "colorScopes.exception.uniqueColors": {
-      "max": 257
+      "max": 246
     },
     "cssVarDefinitions.unresolvedRequiredUnique": {
       "max": 0
@@ -150,25 +150,25 @@
       "max": 0
     },
     "colorDomainNearPairs.nearTotal": {
-      "max": 195
+      "max": 125
     },
     "colorDomainNearPairs.themePreset.indistinguishableTotal": {
       "max": 0
     },
     "colorDomainNearPairs.themePreset.nearTotal": {
-      "max": 109
+      "max": 96
     },
     "colorDomainNearPairs.themeRuntime.indistinguishableTotal": {
       "max": 0
     },
     "colorDomainNearPairs.themeRuntime.nearTotal": {
-      "max": 18
+      "max": 13
     },
     "colorDomainNearPairs.tokenContract.indistinguishableTotal": {
       "max": 0
     },
     "colorDomainNearPairs.tokenContract.nearTotal": {
-      "max": 50
+      "max": 16
     },
     "colorDomainNearPairs.generatedWidget.indistinguishableTotal": {
       "max": 0
@@ -180,19 +180,19 @@
       "max": 0
     },
     "colorDomainNearPairs.boundaryFallback.nearTotal": {
-      "max": 4
+      "max": 0
     },
     "colorDomainNearPairs.mermaid.indistinguishableTotal": {
       "max": 0
     },
     "colorDomainNearPairs.mermaid.nearTotal": {
-      "max": 12
+      "max": 0
     },
     "colorDomainNearPairs.editor.indistinguishableTotal": {
       "max": 0
     },
     "colorDomainNearPairs.editor.nearTotal": {
-      "max": 2
+      "max": 0
     },
     "colorDomainNearPairs.syntax.indistinguishableTotal": {
       "max": 0
@@ -237,16 +237,16 @@
       "max": 0
     },
     "colorDomainScopes.themePreset.occurrences": {
-      "max": 219
+      "max": 206
     },
     "colorDomainScopes.themePreset.uniqueColors": {
-      "max": 187
+      "max": 174
     },
     "colorDomainScopes.themeRuntime.occurrences": {
-      "max": 37
+      "max": 35
     },
     "colorDomainScopes.tokenContract.occurrences": {
-      "max": 146
+      "max": 128
     },
     "colorDomainScopes.generatedWidget.occurrences": {
       "max": 0
@@ -258,7 +258,7 @@
       "max": 22
     },
     "colorDomainScopes.boundaryFallback.uniqueColors": {
-      "max": 20
+      "max": 17
     },
     "colorDomainScopes.editor.occurrences": {
       "max": 55
@@ -294,10 +294,10 @@
       "max": 0
     },
     "colorDomainScopes.mermaid.occurrences": {
-      "max": 98
+      "max": 93
     },
     "colorDomainScopes.mermaid.uniqueColors": {
-      "max": 82
+      "max": 74
     }
   }
 }

scripts/theme-css-var-contract.mjs

@@ -389,6 +389,13 @@ export const TOKEN_COMPATIBILITY_ALIAS_CONTRACTS = [
     reason: 'Short disabled text alias is kept for legacy CSS and generated widget iframe fallback compatibility.',
     removal: 'Retire after all text-* consumers move to color-text-* names.',
   },
+  {
+    key: '--color-overlay-white-03',
+    canonical: '--color-overlay-white-04',
+    owner: 'src/web-ui/src/tools/generative-widget/themePayloadCompatibility.ts',
+    reason: 'The retired 03 overlay spelling is kept only as generated widget iframe fallback compatibility for historical content.',
+    removal: 'Retire after generated widget content no longer relies on the old 03 overlay spelling.',
+  },
   {
     key: '--color-primary',
     canonical: '--color-accent-500',

src/crates/assembly/core/src/agentic/tools/implementations/generated/theme_prompt_snapshots.json

@@ -31,7 +31,7 @@
       "accent500": "#94a3b8",
       "accent600": "#64748b",
       "borderBase": "rgba(255, 255, 255, 0.18)",
-      "elementBase": "rgba(255, 255, 255, 0.095)",
+      "elementBase": "rgba(255, 255, 255, 0.1)",
       "radiusBase": "6px",
       "spacing4": "16px",
       "shadowBase": "0 4px 8px rgba(0, 0, 0, 0.75)",
@@ -48,7 +48,7 @@
       "accent500": "#60a5fa",
       "accent600": "#3b82f6",
       "borderBase": "rgba(255, 255, 255, 0.18)",
-      "elementBase": "rgba(255, 255, 255, 0.095)",
+      "elementBase": "rgba(255, 255, 255, 0.1)",
       "radiusBase": "8px",
       "spacing4": "16px",
       "shadowBase": "0 4px 8px rgba(0, 0, 0, 0.7)",

src/web-ui/src/app/components/GalleryLayout/GalleryLayout.scss

@@ -341,7 +341,7 @@ $content-max: 1480px;
   padding: 0 $size-gap-3;
   height: 28px;
   border: 1px solid var(--border-subtle);
-  background: var(--color-overlay-white-03);
+  background: var(--color-overlay-white-04);
 }
 
 .gallery-filter-chip.is-active,

src/web-ui/src/app/components/scheduled-jobs/ScheduledJobsView.scss

@@ -265,7 +265,7 @@
     background:
       linear-gradient(180deg, color-mix(in srgb, var(--element-bg-soft) 82%, transparent), var(--element-bg-subtle));
     box-shadow:
-      inset 0 1px 0 var(--color-overlay-white-03),
+      inset 0 1px 0 var(--color-overlay-white-04),
       0 10px 24px var(--color-overlay-black-08);
     overflow: hidden;
   }

src/web-ui/src/app/layout/AppLayout.scss

@@ -231,17 +231,7 @@ html, body {
 // Moved to global scrollbar.css for shared management.
 
 // ==================== Responsive ====================
-@media (max-width: 1024px) {
-  .bitfun-app-layout {
-    --header-height: 34px;
-  }
-}
-
 @media (max-width: 768px) {
-  .bitfun-app-layout {
-    --header-height: 32px;
-  }
-
   .bitfun-window-mode-hint {
     align-items: flex-start;
     flex-direction: column;

src/web-ui/src/component-library/components/Markdown/Markdown.scss

@@ -403,7 +403,7 @@
   padding: 0.62rem 0.72rem;
   border: 1px solid var(--border-subtle);
   border-radius: var(--flowchat-card-radius);
-  background: var(--color-overlay-white-03);
+  background: var(--color-overlay-white-04);
 }
 
 .markdown-renderer summary {

src/web-ui/src/component-library/preview/preview-common.css

@@ -35,7 +35,7 @@
 .preview-section {
   margin-bottom: 60px;
   padding: 30px;
-  background: var(--color-overlay-white-03);
+  background: var(--color-overlay-white-04);
   border-radius: 16px;
   border: 1px solid var(--color-overlay-white-08);
 }

src/web-ui/src/component-library/styles/flowchat-markdown-code-vars.scss

@@ -38,10 +38,10 @@
 :root[data-theme-type="light"] {
   --flowchat-md-inline-code-bg: var(--color-overlay-black-06);
   --flowchat-md-inline-code-border: var(--color-overlay-black-12);
-  --flowchat-md-inline-code-fg: #24292f;
+  --flowchat-md-inline-code-fg: var(--color-text-primary);
   --flowchat-md-inline-code-hover-bg: var(--color-overlay-black-08);
   --flowchat-md-inline-code-hover-border: var(--color-overlay-black-20);
-  --flowchat-md-inline-code-hover-fg: #1f2328;
+  --flowchat-md-inline-code-hover-fg: var(--flowchat-md-inline-code-fg);
 
   --flowchat-md-pre-bg: #f6f8fa;
   --flowchat-md-pre-border: var(--color-overlay-black-10);
@@ -53,6 +53,4 @@
   --flowchat-md-bq-bg: var(--color-overlay-slate-08);
   --flowchat-md-bq-border: rgba(15, 23, 42, 0.24);
   --flowchat-md-bq-fg: var(--color-text-secondary);
-  --flowchat-md-bq-hover-bg: var(--color-overlay-slate-10);
-  --flowchat-md-bq-hover-border: rgba(15, 23, 42, 0.34);
 }

src/web-ui/src/component-library/styles/flowchat-markdown-table-vars.scss

@@ -9,7 +9,7 @@
   --flowchat-md-table-surface: transparent;
   --flowchat-md-table-cell-border: var(--color-overlay-white-10);
   --flowchat-md-table-col-divider: transparent;
-  --flowchat-md-table-th-bg: var(--color-overlay-white-03);
+  --flowchat-md-table-th-bg: var(--color-overlay-white-04);
   --flowchat-md-table-th-fg: var(--color-text-primary);
   --flowchat-md-table-td-fg: var(--color-text-primary);
   --flowchat-md-table-row-base: transparent;
@@ -23,7 +23,7 @@
   --flowchat-md-table-surface: var(--color-static-white);
   --flowchat-md-table-cell-border: var(--color-overlay-slate-10);
   --flowchat-md-table-col-divider: var(--color-overlay-slate-08);
-  --flowchat-md-table-th-bg: #f3f6fb;
+  --flowchat-md-table-th-bg: #f6f8fa;
   --flowchat-md-table-th-fg: #0f172a;
   --flowchat-md-table-td-fg: var(--color-text-primary);
   --flowchat-md-table-row-base: var(--color-static-white);