feat(theme): ship Teal 2026 as the default theme#52
Conversation
New [data-theme="teal-2026"] token set built from the landing palette (cream page, light-teal #7FE3E6 top bar, teal accents, coral, ink text) with full token coverage; set as the config default and the CSS :root. - Login: light-teal (favicon) background, big seal logo, clean card, no fuss. - Top bar: light-teal with the seal glyph as the logo. - Flip every 'normie' default to 'teal-2026'; refresh stale favicon/OG/theme-color refs in the app + guest layouts.
Bump the top-bar seal from h-9 to h-14 (nav height unchanged). Add neubrutalist touches scoped to [data-theme=teal-2026] only: hard ink offset shadows, crisp ink outlines on cards/buttons, a tactile button press, and a bold ink underline under the top bar. Other themes untouched.
The application-logo component injected a default h-9 that overrode the nav's height. Drop the forced height so the caller controls it, and size the seal to h-[4.5rem], overflowing the bar slightly for presence — nav height unchanged.
Restyle the breadcrumb into an ink-pill trail (bordered home button + hard shadow, bold separator, rounded current-page chip) via CSS, so all 46 inline breadcrumbs upgrade at once — teal-2026 only. Also scope the bold top-bar underline to nav.border-b so breadcrumbs/dropdowns aren't affected.
Drop the logo overflow (h-16, no negative margin) so the seal sits inside the bar. Replace the page header's offset shadow with a clean full-width ink border so the bars under the top bar and header run edge to edge.
Qodo reviews are paused for this user.Troubleshooting steps vary by plan Learn more → On a Teams plan? Using GitHub Enterprise Server, GitLab Self-Managed, or Bitbucket Data Center? |
|
Warning Review limit reached
More reviews will be available in 12 minutes and 8 seconds. Learn how PR review limits work. Your organization has run out of usage credits. Purchase more in the billing tab. ⌛ How to resolve this issue?After more reviews become available, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available. Please see our Fair Usage Limits Policy for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: ASSERTIVE Plan: Pro Run ID: 📒 Files selected for processing (8)
Note
|
1 participant
What
Brings the Teal 2026 neubrutalist brand theme to production. The 5 theme commits from
feat/teal-2026-themerebased onto current main (40 commits of drift).config/themes.php: Teal 2026 is now the default themeresources/css/app.css: +183 lines of the 2026 look (neubrutalist accents, nav, breadcrumb, header bar)Conflict resolution
Only one conflict —
ThemeSwitcher.php, where main's Rector pass had added type guards while the branch simplifiedmount(). Kept main's PHPStan-clean structure and adopted the branch's intent (default fallbackteal-2026).Verification
npm run build→ compiles (app.css 75 KB)Merges → auto-deploys to teal.dotmavriq.life via the live pipeline.
🤖 Generated with Claude Code