nextcloud / nextcloud/unsplash

Very bright images make NC icons undiscernable / unusable

Open
#101 12 comments 10 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug duplicate
Dominant language
JavaScript
Stars
100
Forks
25
PR merge metrics
No merged PRs in 30d

Description

use GitHub reactions 👍 to show that you are affected by the same issue. Please don't comment if you have no relevant information to add!

  • This is not a feature request
  • This is not an image-provider request
  • I have searched the issuetracker if the issue is not already reported.

Describe the bug:
When a image with very bright light colors is randomly picked up, there is no contrast with NC icons which make it practically unusable (need to reload the page to have more contrast).

To Reproduce:
Steps to reproduce the behavior:
Refresh page until a very light image is loaded
Or.. look at the screenshots provided
IMG_2900
IMG_2901

Expected behavior:
There should be a shadow or dark line around NC icons.
Alternatively, header should be opaque.

Server:

  • Nextcloud version: 24.0
  • Splash-App version: 1.2.5

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No source file, test, or entry point is named. Reproduce the problem by refreshing until a very bright image appears, then use the supplied screenshots and inspect the UI rendering the NC icons; done when the icons remain discernible without reloading.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.