feat(ui): retheme login page to MokoAi mokoonyx look (mold for #822) #823

Open

jmiller wants to merge 1 commits from feature/822-login-retheme-mokoai-mold into dev

jmiller commented

2026-07-18 23:45:46 +00:00

Owner

Retheme the login page to echo the MokoAi (mokoonyx) look. This is the reference "mold" for the wider web-UI retheme.

Changes (layout + CSS, not CSS-only):

templates/user/auth/signin_inner.tmpl: wrap the auth card in .mokogit-auth-card, add branded logo wrapper, and fall back to logo.svg when the optional admin login-logo.png is absent.
web_src/css/mokogit-brand.css: MokoAi card surface, header/segment, primary button, links, input focus ring -- all via theme variables (light+dark aware).

FA 7 + mokoonyx tokens are already vendored/imported; relies on the built bundle.

Refs #822. Fixes #819.

https://claude.ai/code/session_01D5Zxu4xRRGoh9etzgShP4P

Retheme the **login page** to echo the MokoAi (mokoonyx) look. This is the reference "mold" for the wider web-UI retheme. **Changes (layout + CSS, not CSS-only):** - `templates/user/auth/signin_inner.tmpl`: wrap the auth card in `.mokogit-auth-card`, add branded logo wrapper, and fall back to `logo.svg` when the optional admin `login-logo.png` is absent. - `web_src/css/mokogit-brand.css`: MokoAi card surface, header/segment, primary button, links, input focus ring -- all via theme variables (light+dark aware). FA 7 + mokoonyx tokens are already vendored/imported; relies on the built bundle. Refs #822. Fixes #819. https://claude.ai/code/session_01D5Zxu4xRRGoh9etzgShP4P

jmiller added 1 commit 2026-07-18 23:45:50 +00:00

feat(ui): retheme login page to MokoAi mokoonyx look (mold for #822 )

Universal: Auto Version Bump / Version Bump (push) Successful in 22s

Details

Universal: PR Check / Branch Policy (pull_request) Successful in 2s

Details

Universal: PR Check / Validate PR (pull_request) Successful in 15s

Details

Generic: Project CI / Lint & Validate (pull_request) Successful in 42s

Details

Universal: PR Check / Secret Scan (pull_request) Successful in 1m37s

Details

Generic: Project CI / Tests (pull_request) Has been cancelled

Details

Universal: PR Check / Build RC Package (pull_request) Has been cancelled

Details

Universal: PR Check / Report Issues (pull_request) Has been cancelled

Details

afbfe379b4

Login page is the reference "mold" for the wider web-UI retheme (#822).
Edits both layout and CSS (not CSS-only):

- templates/user/auth/signin_inner.tmpl: wrap the auth card in
  .mokogit-auth-card, add .mokogit-auth-brand/.mokogit-auth-logo, and make
  the logo fall back to logo.svg when the optional admin login-logo.png is
  absent (fixes broken login logo, #819).
- web_src/css/mokogit-brand.css: extend the auth-screen section with the
  MokoAi (mokoonyx) card surface, header/segment, primary button, links and
  input focus ring — all via theme variables so light+dark follow the active
  MokoGIT theme.

Font Awesome 7 + mokoonyx tokens are already vendored and imported in
web_src/css/index.css; this change relies on the built bundle including them.

Refs #822. Fixes #819.

Claude-Session: https://claude.ai/code/session_01D5Zxu4xRRGoh9etzgShP4P