dshepsis / OkamiMap

Resource for the locations of items and other objects in the video game Okami
https://dshepsis.github.io/OkamiMap/
1 stars 1 forks source link

Dark Mode #27

Closed dshepsis closed 3 years ago

dshepsis commented 3 years ago

Add styles for dark mode on the table pages. This should support both OS-side darkmode preferences as well as allow the user to change some on-site settings or press a button to switch between light and dark mode. Dark mode may be preferred as the default.

zysim commented 3 years ago

OS-side darkmode preferences

There's such a thing? Also, basically this is just, like, run WriteCss.exe, right?

zysim commented 3 years ago

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme Woah You learn something new every day 🌈⭐

zysim commented 3 years ago

Went down a rabbit hole and I've come across this page: https://color-scheme-demo.glitch.me/ Or well, I got to this page from the article mentioned, which links to that page. It's the very first link in the page (this one). Also, the second link on that page should be useful too, to determine if the colour scheme we come up with is all nice 'n' accessible.

Would be nice to have a button at the top right I guess where you can toggle light and dark mode. You literally said that at the beginning. Lmao