Feature: dark mode - Githubissues

ipfs / ipfs-webui

A frontend for an IPFS Kubo and IPFS Desktop

https://webui.ipfs.io

MIT License

1.56k stars 488 forks source link

Feature: dark mode #1702

Open legallyfree opened 3 years ago

legallyfree commented 3 years ago

Is your feature request related to a problem? Please describe. My eyes, I go blind at night when I see the screen, this window is very bright.

Describe the solution you'd like They could place a selection of themes to change the colors to suit one.

Describe alternatives you've considered use the colors used by gtk / kde apps and use those colors / themes

Additional context try to change the dependency of the use of npm for yarn, I use yarn instead of npm but well it is not so important but I must mention it since npm is not the only one.

jessicaschilling commented 3 years ago

Thanks @legallyfree - it's on our radar for future releases, so thanks for the additional vote.

jessicaschilling commented 3 years ago

Additional context for anyone who comes across this issue:

We'd very much like to include a dark-mode option in Web UI (and, by extension, Desktop)
~~Current timeline would involve including this work in a larger-scale revisiting of Web UI/Desktop, likely in Q2/3 2021~~
If anyone is interested in PRing something earlier, contributions are most welcome!

lidel commented 3 years ago

If someone wants to work on this:

speed up your work by copying colors generated by https://darkreader.org for now
- we can refine and bubble up them to https://github.com/ipfs-shipyard/ipfs-css later

KaKi87 commented 7 months ago

Hello, Any news on this ? Thanks

voidvoxel commented 4 months ago

Photosensitive user here; I sadly just had to uninstall the desktop app due to the blindingly-bright screen with no dark mode option. Support for dark mode would be greatly appreciated! I'll be sticking to the CLI for now :blush:

Artoria2e5 commented 4 months ago

The colors are pretty spread out in the js files. Guess a theme-switch button will really be needed -- no easy path with only changing a CSS file with @media (prefers-color-scheme). Well, I mean, you can do the same query with JS, but if you're changing the JS you might as well add a button.

But then there are CSS files. Maybe it's easier to not add a button after all, or otherwise we'd have to move them to JS to make them conditional on manual dark/light selection -- because Firefox doesn't do @container with custom properties yet.