Skip to content

feat(webui): complete UI redesign with design system, dark mode, and accessibility#953

Merged
EstrellaXD merged 43 commits into
3.2-devfrom
feature/ui-redesign
Jan 23, 2026
Merged

feat(webui): complete UI redesign with design system, dark mode, and accessibility#953
EstrellaXD merged 43 commits into
3.2-devfrom
feature/ui-redesign

Conversation

@EstrellaXD
Copy link
Copy Markdown
Owner

Summary

  • Implement CSS custom properties-based design system (colors, spacing, typography, transitions) with full light/dark mode support
  • Add scoped SCSS to all components and pages, replacing inline styles and hardcoded colors
  • Add accessibility improvements: ARIA labels, skip-to-content link, keyboard navigation, semantic roles
  • Add page route transitions, dropdown animations, and status pulse effects
  • Fix VueUse auto-import configuration (useLocalStorage, useIntervalFn) and dev proxy target

Test plan

  • Verify login page renders correctly in both light and dark mode
  • Verify dark mode toggle works without flash on page reload
  • Navigate all pages (Bangumi, Calendar, RSS, Config, Log, Downloader, Player) and confirm proper rendering
  • Test sidebar expand/collapse and responsive mobile layout
  • Verify page transitions animate smoothly
  • Check accessibility with keyboard-only navigation (Tab, Enter)
  • Confirm no console errors on any page

🤖 Generated with Claude Code

100gle and others added 30 commits November 21, 2023 21:40
fix: incorrect password format
additional Reverse proxy
Update proxy.md Reverse proxy
fix: rss.parser set to default value when subscribe Bangumi
# Conflicts:
#	webui/src/components/ab-add-rss.vue
docs: fix jellyfin hyperlink
fix: subtitle file rename failure in collection
EstrellaXD and others added 13 commits April 12, 2024 12:13
bugfix(experimental): add api version for openai api base automatically
…accessibility

Implement a comprehensive UI overhaul using CSS custom properties for theming,
scoped SCSS for all components and pages, dark/light mode toggle with flash
prevention, page transitions, ARIA accessibility attributes, and responsive
layout fixes. Fix VueUse auto-import configuration and dev proxy target.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Jan 23, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
auto-bangumi Error Error Jan 23, 2026 1:55pm

@EstrellaXD EstrellaXD merged commit 41397bd into 3.2-dev Jan 23, 2026
7 of 9 checks passed
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.

8 participants