Skip to content

fix(ui): dark-mode modals use the app's blue-tinted background, not flat black - #963

Open
juandavidr7 wants to merge 1 commit into
mainfrom
fix/dark-modal-background
Open

fix(ui): dark-mode modals use the app's blue-tinted background, not flat black#963
juandavidr7 wants to merge 1 commit into
mainfrom
fix/dark-modal-background

Conversation

@juandavidr7

Copy link
Copy Markdown
Collaborator

Qué cambia

En modo oscuro los modales (crear agente, alert dialogs, sheets, AI hub) usaban neutral.800 (#1e1e1e), un negro plano sin tinte. Ahora el token semántico dialog (dark) apunta a cool.gutter-dark (#141416), el mismo fondo azulado de la aplicación, así el modal se integra con el resto de la UI oscura.

  • packages/design-tokens/tokens/semantic/color.dark.json: dialog{color.cool.gutter-dark}
  • packages/design-tokens/test/legacy-resolved.json: fixture del zero-diff actualizado (cambio visual deliberado)
  • Comentarios actualizados en ui/core/src/components/dialog.tsx y app/src/styles/futuristic.css

Light mode no cambia (sigue blanco sólido). El modal sigue siendo sólido, sin glass ni backdrop-filter.

Tests

  • pnpm --filter @houston/design-tokens build + test: 128 tests pasan
  • pnpm check: Biome limpio

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant