nextcloud / nextcloud/deck

Make cards look much better in dark mode

Open
#5,587 1 comment 5 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

design enhancement
Dominant language
JavaScript
Stars
1.4k
Forks
354
Avg merge
1d 10h
Merged PRs (30d)
43

Description

How to use GitHub
  • Please use the 👍 reaction to show that you are affected by the same issue.
  • Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
  • Subscribe to receive notifications on status change and new comments.

Is your feature request related to a problem? Please describe.
Cards in dark theme are just like light theme but the colours inverted and it looks pretty bad. I fixed this problem in a fork of the repo but your contributing guidelines require me to sign off with my own real name which I refuse.

Describe the solution you'd like
In my fork I set the background to be distinctly separated from the background and disabling the box-shadow completely since it's looks stupid in dark mode. This change may seem counteractive and weird since now the light theme and dark theme doesn't work the same but this is literally how most websites make use of dark theme nowadays (e.g. Google, Discord). This is because our eyes doesn't see light colours the same as dark colours and makes dark colours harder to differentiate between for the human brain.

Describe alternatives you've considered
Well, none, but please if you do have a better option please share it with me.

Additional context
My fork of the proposed change that I did not want to pull request: https://github.com/ludverse/deck
much nicer:
image

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

Review the proposed change in the linked ludverse/deck fork and compare it with the current dark-theme card styling in this repository. The intended result is a card background that is visibly separated from the page background and has no box shadow in dark mode; validate the result against the provided screenshot and confirm light mode remains acceptable.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
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.