feat(spa): firlaw header redesign — monochrome court-luxury theme - #6
Open
Tietve wants to merge 4 commits into
Open
feat(spa): firlaw header redesign — monochrome court-luxury theme#6Tietve wants to merge 4 commits into
Tietve wants to merge 4 commits into
Conversation
…cation, help - New component firlaw-titlebar-extras.tsx mounted via Portal into opencode-titlebar-right - Updated firlaw-overrides.css with monochrome court-luxury theme variables - Titlebar height 48px, button size 32px, radius 6px - User chip fetches session and shows name + initials avatar - Theme toggle switches light/dark via useTheme() - No inline edits to upstream titlebar.tsx
|
This PR doesn't fully meet our contributing guidelines and PR template. What needs to be fixed:
Please edit this PR description to address the above within 2 hours, or it will be automatically closed. If you believe this was flagged incorrectly, please let a maintainer know. |
added 3 commits
May 27, 2026 15:22
… state - Remove .titlebar-icon override that forced upstream nav buttons to 32x32px (upstream uses h-6=24px; our override broke sidebar toggle, back/forward) - Fix logout() to redirect only on success, return silently on network error - Fix toggleTheme to cycle dark→light→system instead of losing system state - Fix theme tooltip label to reflect system/light/dark correctly
…feature dirs Move scattered firlaw-*.tsx/css into a single src/firlaw/ tree, one folder per UI surface, so OpenCode upstream reorgs no longer touch our files. Drop the firlaw- prefix (folder already namespaces). Compiled bundle is byte-identical (same Vite hash) — pure source reorganization. components/firlaw-titlebar-extras.tsx -> firlaw/titlebar/titlebar-extras.tsx components/firlaw-file-actions.tsx -> firlaw/file-actions/file-actions.tsx pages/session/firlaw-side-panel-actions.tsx -> firlaw/side-panel/side-panel-actions.tsx components/firlaw-logo.tsx -> firlaw/logo/logo.tsx styles/firlaw-overrides.css -> firlaw/styles/overrides.css Upstream touch: 5 import lines only (titlebar, layout, file-tree, session-side-panel, index.css).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
firlaw-titlebar-extras.tsx— user chip, theme toggle, notification bell, help buttonopencode-titlebar-right(no inline edits to upstream titlebar.tsx)firlaw-overrides.csswith monochrome court-luxury design tokensChanges
firlaw-titlebar-extras.tsxfirlaw-overrides.csslayout.tsxDesign direction
Based on court-luxury monochrome mockup (Times New Roman, white+gray palette, no accent colors).
First step of UI redesign — header only. Sidebar + chat styling follow in next PRs.
Test plan