midudev / covid-vacuna

App para ver el estado de la vacunación COVID-19 en España
https://covid-vacuna.app
Apache License 2.0
365 stars 126 forks source link

feature dark mode with css vars #128

Closed sergioedo closed 3 years ago

sergioedo commented 3 years ago

Modificado el modo oscuro para que funcione sólo modificando variables css (sin los invert o hue-rotate a nivel global). Hay algún color que he ajustado para no crear muchas variables, pero intentando respetar la versión actual, intentando modificar lo mínimo (lo bueno es que ahora se puede tocar todo desde el global con variables :P). La única diferencia es el footer, que lo adapté también a modo oscuro. Los 3 botones del header (selector de modo, idioma y twitter) los dejé tal cual, no se veían bien en oscuro.

He modificado el mapa, para deshacer la solución que se aplicó en https://github.com/midudev/covid-vacuna/pull/100 para mitigar el problema de la issue https://github.com/midudev/covid-vacuna/issues/64, y https://github.com/midudev/covid-vacuna/issues/104, que quedarían resueltas.

vercel[bot] commented 3 years ago

@sergioedo is attempting to deploy a commit to a Personal Account owned by @midudev on Vercel.

@midudev first needs to authorize it.

daniperezluna commented 3 years ago

Vaya curro que te has dado, tiene muy buena pinta. Enhorabuena!! 👏

vercel[bot] commented 3 years ago

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/midudev/covid-vacuna/68qmqizfz
✅ Preview: https://covid-vacuna-git-fork-sergioedo-feature-dark-mode-with-css-vars.midudev.vercel.app

midudev commented 3 years ago

Muchas gracias Sergio. Tremendo curro!