Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix mosparo logo in Windows high-contrast mode #190

Open
1 task done
zepich opened this issue Feb 16, 2024 · 0 comments
Open
1 task done

Fix mosparo logo in Windows high-contrast mode #190

zepich opened this issue Feb 16, 2024 · 0 comments
Assignees
@zepich
Labels
enhancement New feature or request no-doc-required
Milestone
v1.2

Comments

@zepich
Copy link
Member

zepich commented Feb 16, 2024 •
edited

Explanation

The mosparo logo is not visible in the high-contrast mode of Windows. We can use the special media query (@media (forced-colors: active)) to fix that.

Changes
@zepich zepich added the enhancement New feature or request label Feb 16, 2024
@zepich zepich self-assigned this Feb 16, 2024
@zepich zepich added this to the v1.2 milestone Feb 21, 2024
zepich added a commit that referenced this issue Mar 1, 2024
@zepich
Fixed the mosparo logo in the frontend box (#190)
c0d6714 
The mosparo logo is not visible (when enabled) if the operating system or the browser forces the colors (`forced-colors: active`).

With the added fix, we replace the logo in these situations (`forced-colors: active`, and either prefers-color-scheme: light` or `refers-color-schema: dark`) with a predefined white or black logo and remove the opacity to make the logo better visible.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@zepich zepich

Labels
enhancement New feature or request no-doc-required
Projects
mosparo v1.2
Status: Testing
Milestone
v1.2
Development

No branches or pull requests
1 participant
@zepich