Lina-Law-Firm/mikeoss#1: Restyle frontend to Lina OS design system + split-screen sign-in

Restyle frontend to Lina OS design system + split-screen sign-in

✅ merged · #1 · Lina-Law-Firm/mikeoss ← Lina-Law-Firm/mikeoss · opened 7d ago by nipanon · merged 4d ago by nipanon · self · +1,213-634 across 28 files · ↗ on GitHub

From the PR description

Summary

Port lina-os-front's warm paper/ink editorial design across the app: remap Tailwind v4 color scales + shadcn :root tokens to the paper/ink palette in globals.css, Inter across every type slot (drop EB Garamond), ink selection/focus ring, film-grain overlay and a warm scrollbar.
Add the new split-screen sign-in (LinaSignIn) with a WebGL shader backdrop, Lina OS logos/favicons, and the rewritten signup screen.
Install three (required by the shader) and guard WebGL context creation so the login page degrades gracefully (solid dark panel) where WebGL is unavailable, instead of crashing the whole page to the error boundary.

Why one commit

The warm-palette restyle and the split-screen sign-in are intertwined (the recolor flows through the same gray-*/white/blue-* scales the sign-in uses), so they ship together. Backend changes were intentionally left out of this PR.

Test plan

next build passes (TypeScript clean across all 20 routes, 14/14 static pages)
/login renders the split-screen sign-in: warm paper (#FFFBF7) + ink (#14110D), Inter, no blue accents
WebGL-unavailable clients (headless) degrade to the dark panel, page stays interactive
Visual pass on authenticated dashboard pages (projects/assistant/tabular/workflows) once logged in

🤖 Generated with Claude Code

Our analysis

Lina OS frontend restyle + split-screen sign-in — read the full analysis →

Think the analysis missed something the PR description covers?

Commits in this PR (1)

SHA Subject Author Date

4a4371a1 Restyle frontend to Lina OS design system + split-screen sign-in nipanon 2026-06-02 ↗ GitHub

SHA	Subject	Author	Date
`4a4371a1`	Restyle frontend to Lina OS design system + split-screen sign-in	nipanon	2026-06-02	↗ GitHub
commit body Port lina-os-front's warm "paper/ink" editorial look across the app: remap Tailwind v4 color scales + shadcn tokens to the paper/ink palette in globals.css, Inter across every type slot (drop EB Garamond), ink selection/focus, film-grain overlay and warm scrollbar. Add the new split-screen sign-in (LinaSignIn) with a WebGL shader backdrop, Lina OS logos/favicons, and the rewritten signup screen. Install `three` (required by the shader) and guard WebGL context creation so the login page degrades gracefully where WebGL is unavailable instead of crashing to the error boundary. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

commit body

Port lina-os-front's warm "paper/ink" editorial look across the app:
remap Tailwind v4 color scales + shadcn tokens to the paper/ink palette
in globals.css, Inter across every type slot (drop EB Garamond), ink
selection/focus, film-grain overlay and warm scrollbar. Add the new
split-screen sign-in (LinaSignIn) with a WebGL shader backdrop, Lina OS
logos/favicons, and the rewritten signup screen.

Install `three` (required by the shader) and guard WebGL context
creation so the login page degrades gracefully where WebGL is
unavailable instead of crashing to the error boundary.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Capture this PR into my fork

Download a Markdown prompt that tells Claude how to port every commit in this PR into your working tree. Run it via claude -p < capture-pull-1.md from inside the repo you want the changes in.

⬇ Download capture-pull-1.md