Cinder built-mode legacy auto theme verification

cinder-built-auto-theme-proof.svg

<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720">
  <rect width="1280" height="720" fill="#f5f5f5"/>
  <text x="48" y="64" font-family="Arial, sans-serif" font-size="30" font-weight="700" fill="#18181b">Built-mode legacy auto theme verification</text>
  <text x="48" y="104" font-family="Arial, sans-serif" font-size="18" fill="#52525b">Production Django shell served compiled /static/assets/login.tsx-DRKWYvbQ.js after moon run cinder-frontend:build.</text>
  <g transform="translate(48,150)">
    <rect width="560" height="440" rx="10" fill="#ffffff" stroke="#d4d4d8"/>
    <text x="32" y="54" font-family="Arial, sans-serif" font-size="24" font-weight="700" fill="#18181b">auto + light system preference</text>
    <text x="32" y="94" font-family="Menlo, monospace" font-size="18" fill="#3f3f46">data-cinder-theme = light</text>
    <text x="32" y="126" font-family="Menlo, monospace" font-size="18" fill="#3f3f46">localStorage.theme = auto</text>
    <text x="32" y="158" font-family="Menlo, monospace" font-size="18" fill="#3f3f46">prefers-color-scheme: dark = false</text>
    <g transform="translate(32,208)">
      <rect width="220" height="120" rx="8" fill="#ffffff" stroke="#d4d4d8"/>
      <text x="20" y="50" font-family="Arial, sans-serif" font-size="16" fill="#71717a">Bolt surface</text>
      <text x="20" y="82" font-family="Menlo, monospace" font-size="20" fill="#18181b">#ffffff</text>
    </g>
    <g transform="translate(292,208)">
      <rect width="220" height="120" rx="8" fill="#ffffff" stroke="#d4d4d8"/>
      <text x="20" y="50" font-family="Arial, sans-serif" font-size="16" fill="#71717a">Mantine paper</text>
      <text x="20" y="82" font-family="Menlo, monospace" font-size="20" fill="#18181b">rgb(255,255,255)</text>
    </g>
  </g>
  <g transform="translate(672,150)">
    <rect width="560" height="440" rx="10" fill="#09090b" stroke="#3f3f46"/>
    <text x="32" y="54" font-family="Arial, sans-serif" font-size="24" font-weight="700" fill="#f4f4f5">auto + dark system preference</text>
    <text x="32" y="94" font-family="Menlo, monospace" font-size="18" fill="#d4d4d8">data-cinder-theme = dark</text>
    <text x="32" y="126" font-family="Menlo, monospace" font-size="18" fill="#d4d4d8">localStorage.theme = auto</text>
    <text x="32" y="158" font-family="Menlo, monospace" font-size="18" fill="#d4d4d8">prefers-color-scheme: dark = true</text>
    <g transform="translate(32,208)">
      <rect width="220" height="120" rx="8" fill="#18181b" stroke="#3f3f46"/>
      <text x="20" y="50" font-family="Arial, sans-serif" font-size="16" fill="#a1a1aa">Bolt surface</text>
      <text x="20" y="82" font-family="Menlo, monospace" font-size="20" fill="#f4f4f5">#18181b</text>
    </g>
    <g transform="translate(292,208)">
      <rect width="220" height="120" rx="8" fill="#18181b" stroke="#3f3f46"/>
      <text x="20" y="50" font-family="Arial, sans-serif" font-size="16" fill="#a1a1aa">Mantine paper</text>
      <text x="20" y="82" font-family="Menlo, monospace" font-size="20" fill="#f4f4f5">rgb(24,24,27)</text>
    </g>
  </g>
  <text x="48" y="650" font-family="Arial, sans-serif" font-size="18" fill="#3f3f46">Result: legacy auto no longer reaches data-cinder-theme or Mantine forceColorScheme as an invalid theme value, so Bolt tokens and Mantine surfaces resolve together.</text>
</svg>