|
webclient: retokenize styles onto gn-ui-kit v1.0 CSS variables
All ~165 legacy var() usages (--color-*, --surface*, --accent*, --border,
--text*) with hex fallbacks and ~150 raw hex literals across app.scss and
24 scoped style blocks are swapped to the kit's --gn-* tokens per the
intent of the old fallback values:
- accent/primary/teal (#7aa2f7/#4ec9b0) -> --gn-color-secondary
- amber/orange highlights -> --gn-color-accent
- text greys -> --gn-color-text-{light,medium,dark}
- panels -> --gn-surface-panel; elevated tints -> color-mix over panel
- translucent overlays -> color-mix(in srgb, ..., transparent)
Deliberately literal: terminal deep bg #0f0f14 (darker than any token)
and the content-card image badge teal #89dceb (kit has no teal). File
type badges keep a categorical palette via nearest kit tokens.
Dead "UI kit overrides" block halved: kit 1.0 dropped hover icon
rotation, so only the app-owned chevron open-state flip remains.
Verified: vitest 111 passed, build OK, dev render matches W1 baseline
|
|---|
|
|
| webclient/src/components/artifacts/ArtifactsPanel.vue |
|---|
| webclient/src/components/chat/ChatArea.vue |
|---|
| webclient/src/components/chat/ChatHeader.vue |
|---|
| webclient/src/components/chat/FilePreviewStrip.vue |
|---|
| webclient/src/components/chat/InputBar.vue |
|---|
| webclient/src/components/chat/MessageList.vue |
|---|
| webclient/src/components/chat/QueuedMessagesChip.vue |
|---|
| webclient/src/components/messages/AssistantMessage.vue |
|---|
| webclient/src/components/messages/CompressionNotice.vue |
|---|
| webclient/src/components/messages/ContentCard.vue |
|---|
| webclient/src/components/messages/UiComponentCard.vue |
|---|
| webclient/src/components/settings/ApiKeysPanel.vue |
|---|
| webclient/src/components/settings/NotificationSettingsPanel.vue |
|---|
| webclient/src/components/settings/SettingsView.vue |
|---|
| webclient/src/components/settings/ShowTokenModal.vue |
|---|
| webclient/src/components/sidebar/AppSidebar.vue |
|---|
| webclient/src/components/sidebar/SessionItem.vue |
|---|
| webclient/src/components/sidebar/SessionList.vue |
|---|
| webclient/src/components/ui/CardGrid.vue |
|---|
| webclient/src/components/ui/ContextBar.vue |
|---|
| webclient/src/components/ui/Form.vue |
|---|
| webclient/src/components/ui/ImageLightbox.vue |
|---|
| webclient/src/components/ui/LoginScreen.vue |
|---|
| webclient/src/components/ui/SelectionToolbar.vue |
|---|
| webclient/src/styles/app.scss |
|---|