Make cards look much better in dark mode
Nobody has claimed this yet.
- 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:
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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