Skip to content

PWA Implementation with Dark Mode Title Bar Support #43

@Pezhman5252

Description

@Pezhman5252

Background
I installed MiniMax as a standalone application using Chrome's "Install as app" feature. The application works great, but there's a visual inconsistency issue.

Issue
The title bar (minimize, maximize, and close buttons area) remains white even when the entire application is in dark mode. This creates an inconsistent and jarring user experience.

Expected Behavior
The title bar area should follow the application's dark mode theme, providing a cohesive visual experience.

Suggested Solution
Implement Progressive Web App (PWA) support with the window-controls-overlay API. This modern web standard allows web applications to customize the title bar area when installed as an app on desktop operating systems.

Benefits:

Seamless dark mode experience for installed applications
Consistent visual design across the entire app window
Follows modern PWA standards and improves user experience
Additional Context
Chrome version: 140.0.7339.208 (Official Build) (64-bit)
OS: Windows 10/11
Browser: Google Chrome

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions