Mass rename of CSS classes, tokens and animations from the hoard- namespace to ui- (classes, variables like --ui-*, and keyframes). Introduces new UI components: EmptyState, StatusPill, and UserAvatar and updates admin views to import and use them. Updates many route/layout components and global.css to use the new ui- patterns and responsive variables. Also updates Impressum contact emails and adds .claude/settings.local.json to allow running npm scripts in the Claude local settings.
- Convert codexInfo.md to CLAUDE.md as the central project context.
- Rewrite GUI/style.md with a modernized, file-first direction (layered
surfaces, refined typography, motion budget, ambient gradients).
- Refresh global tokens in global.css, page-layouts.css and
surface-patterns.css: extended palette (primary 050/800, surface
elevated, border subtle), four-tier shadow system, dark-mode parity,
new utilities (hoard-chip, hoard-icon-tile, hoard-spotlight,
hoard-section-head, hoard-divider-soft, status pulse dot).
- Rebuild Layout.vue: premium app shell with brand halo, animated
active-indicator, account pill with avatar/initials, drawer footer
card, refined banner stack and footer.
- Redesign every route while preserving routing and API contracts:
Home, Login, ChangePassword, Dashboard, AdminUsers, AdminUserDetail,
Impressum, 404, Forbidden. Adds search/admin stats, password hint
list, dashboard greeting with avatar, modernized hero/spotlight
treatments and consistent mobile layouts (safe-areas, 44/48px tap
targets).
- Drop @fontsource/roboto import in vuetify.ts and load Inter via the
rsms.me CSS in index.html; update Vuetify defaults and palette to
match the new tokens.
Jonas