Skip to content

Atmospheric dark redesign + light mode polish#46

Merged
LavX merged 30 commits intodevelopmentfrom
feature/atmospheric-dark-redesign
Mar 29, 2026
Merged

Atmospheric dark redesign + light mode polish#46
LavX merged 30 commits intodevelopmentfrom
feature/atmospheric-dark-redesign

Conversation

@LavX
Copy link
Copy Markdown
Owner

@LavX LavX commented Mar 28, 2026

Summary

  • Complete light mode review and fixes: grain texture, text contrast, badge/button variants, table hover, fanart overlay, navbar active state
  • Layout fixes: remove empty space (min-height), header alignment, mobile horizontal scroll for toolbox/tables/subtitle viewer
  • Batch API: camelCase frontend types with snake_case transformer at API boundary
  • Change Profile: replaced inline dropdown with modal
  • Subtitle viewer: breadcrumbs now show series/movie name with link
  • Filter indicator badge uses brand color instead of blue
  • Full ESLint cleanup: 0 errors, 0 warnings
  • Fix mass_batch_operation crash from frame introspection local variable leak

Test plan

  • Verify dark mode appearance unchanged
  • Switch to light mode: check grain texture, text readability, badge colors, table hover
  • Mobile: toolbox scrolls horizontally, tables scroll, subtitle viewer readable
  • Series/Movies: select items, click Change Profile button, verify modal opens
  • Subtitle viewer: breadcrumb shows Series / [name] / Subtitle Viewer
  • System > Tasks: trigger Mass Sync All Subtitles, verify it queues without error
  • Settings > AI Translator: verify alert border-radius matches design

LavX added 27 commits March 27, 2026 22:32
…emeProvider palettes, remove dead SCSS variables
…elCase

Light mode:
- Enable grain texture with mix-blend-mode:multiply, disable glow
- Darken text tokens for readability (primary, secondary, tertiary, disabled)
- Fix table row hover (use var(--bz-hover-bg) instead of hardcoded white rgba)
- Fix fanart overlay: force dark-style badge colors in light mode
- Fix disabled button text contrast
- Fix gradient/filled badge and button variants keeping white text
- Fix ActionIcon gradient/filled variants keeping white text
- Fix Navbar active state with proper light mode colors
- Add Alert border-radius global override
- Card reveal animation enabled for both themes
- Simplify redundant dark/light blocks (AppShell-root, action_icon, etc.)

Layout:
- Remove min-height from AppShell.Main (was creating empty space)
- Remove border from fanart wrapper (was clashing with outer container)
- Add margin-right to headerInner (prevent touching main content corner)
- Toolbox: horizontal scroll on mobile instead of wrapping
- BaseTable: min-width 700px for horizontal scroll on mobile
- CueTable: min-width 700px grid, overflow:auto container for mobile

Batch API:
- Rename BatchOptions to camelCase (maxOffsetSeconds, noFixFramerate, etc.)
- Add toBatchPayload() transformer at API boundary for snake_case backend
- Fix mass_batch_operation frame introspection crash (inline label string)

Other:
- Change Profile: replace dropdown with modal (ChangeProfileForm)
- Subtitle viewer: add series/movie name to breadcrumbs
- Backend: return mediaTitle, mediaId, episodeTitle in subtitle content API
- Filter indicator badge: brand color instead of blue
- Fix all ESLint errors (import sorting, restricted imports, camelCase)
- Remove unused imports and props
Repository owner deleted a comment from chatgpt-codex-connector bot Mar 29, 2026
LavX added 2 commits March 29, 2026 20:41
- Remove .superpowers/ from repo, add to .gitignore
- Fix breadcrumb links to use SPA navigation (Link component)
- Fix cyan palette to use actual cyan colors instead of green
- Fix ActionIcon hover text color (was using bg color value)
- Fix setState-during-render in Plex and Translator settings (useEffect)
- Fix WantedView filter button to use brand gradient like ItemView
- Hide ambient glow under prefers-reduced-motion: reduce
- Add timeout to release download request, handle JSON parse errors
- Update actions/setup-node to v6 across all workflows
- Update Python CI matrix to 3.12+ only
- Deduplicate theme-independent SCSS tokens to :root
- Remove dead fanartFade element and CSS
- Replace raw HTML table elements with Mantine Table components
- Type toBatchPayload return value, remove duplicate type definition
- Add assertions to Movies/Series smoke tests
- Remove redundant Header ActionIcon transition
@LavX LavX merged commit 16fcfce into development Mar 29, 2026
4 checks passed
@LavX LavX deleted the feature/atmospheric-dark-redesign branch March 29, 2026 18:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant